SebinNyshkim/viktor-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: use shorthand property for navigation positioning

Browse source
This commit is contained in:
Sebin Nyshkim 2023-03-23 13:41:08 +01:00
parent f7ae855221
commit df3014e2a5
2 changed files with 3 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/SiteNavigation.vue
View file

@ -27,10 +27,7 @@ import { RouterLink } from "vue-router";
<style lang="scss"> <style lang="scss">
.navigation { .navigation {
position: fixed; position: fixed;
top: var(--navigation-position-top); inset: var(--navigation-position);
right: var(--navigation-position-right);
bottom: var(--navigation-position-bottom);
left: var(--navigation-position-left);
overflow: hidden; overflow: hidden;
width: var(--navigation-width); width: var(--navigation-width);

10
src/scss/base.scss
View file

@ -64,10 +64,7 @@
--navigation-flow: row nowrap; --navigation-flow: row nowrap;
--navigation-justify: space-evenly; --navigation-justify: space-evenly;
--navigation-align: center; --navigation-align: center;
--navigation-position-top: auto; --navigation-position: auto 0 0 0;
--navigation-position-right: 0;
--navigation-position-bottom: 0;
--navigation-position-left: 0;
--navigation-size: 4rem; --navigation-size: 4rem;
--navigation-width: 100%; --navigation-width: 100%;
@ -224,10 +221,7 @@
--navigation-flow: column nowrap; --navigation-flow: column nowrap;
--navigation-justify: flex-start; --navigation-justify: flex-start;
--navigation-align: stretch; --navigation-align: stretch;
--navigation-position-top: 0; --navigation-position: 0 auto 0 0;
--navigation-position-right: auto;
--navigation-position-bottom: 0;
--navigation-position-left: 0;
--navigation-width: calc( --navigation-width: calc(
var(--navigation-size) + env(safe-area-inset-left) var(--navigation-size) + env(safe-area-inset-left)