diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-04 10:27:46 +0300 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-13 17:10:59 +0300 |
| commit | cc6037e438e5302320d9b864021fc3d5e42a3180 (patch) | |
| tree | ebb12d20795230b6678515cb27d1321bd9d2d7e5 /core/css/mobile.scss | |
| parent | 9a9409e31583c0fdd7c0bfe67f5f9177c7651830 (diff) | |
Migrate core scss
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/mobile.scss')
| -rw-r--r-- | core/css/mobile.scss | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/core/css/mobile.scss b/core/css/mobile.scss index d1abb0176a5..2dd03480b26 100644 --- a/core/css/mobile.scss +++ b/core/css/mobile.scss @@ -1,4 +1,6 @@ -@media only screen and (max-width: $breakpoint-mobile) { +@use 'variables'; + +@media only screen and (max-width: variables.$breakpoint-mobile) { /* position share dropdown */ #dropdown { @@ -20,7 +22,7 @@ /* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/ #app-navigation { - transform: translateX(-#{$navigation-width}); + transform: translateX(-#{variables.$navigation-width}); } .snapjs-left { #app-navigation { @@ -64,7 +66,7 @@ #app-navigation-toggle-back { position: fixed; display: inline-block !important; - top: $header-height; + top: variables.$header-height; left: 0; width: 44px; height: 44px; @@ -117,7 +119,7 @@ display: none; } #body-settings #controls { - min-width: $breakpoint-mobile !important; + min-width: variables.$breakpoint-mobile !important; } /* do not show dates in filepicker */ |