ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-10-29 06:13:45 +00:00
Code Issues Projects Releases Wiki Activity

Use new scss syntax (#1015)

Browse Source
This commit is contained in:
Birk Skyum
2025-01-21 22:38:05 +01:00
committed by GitHub
parent 857cae7040
commit 87cd79e86f
14 changed files with 330 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_layout.scss
+10 -8
View File
@@ -1,3 +1,5 @@
@use "vars";
//SCROLLING
.maputnik-scroll-container {
overflow-x: hidden;
@@ -11,14 +13,14 @@
//APP LAYOUT
.maputnik-layout {
font-family: $font-family;
color: $color-white;
font-family: vars.$font-family;
color: vars.$color-white;
&-main {
position: fixed;
bottom: 0;
height: calc(100% - #{$toolbar-height + $toolbar-offset});
top: $toolbar-height + $toolbar-offset;
height: calc(100% - #{vars.$toolbar-height + vars.$toolbar-offset});
top: vars.$toolbar-height + vars.$toolbar-offset;
left: 0;
right: 0;
z-index: 3;
@@ -28,12 +30,12 @@
&-list {
width: 200px;
background-color: $color-black;
background-color: vars.$color-black;
}
&-drawer {
width: 370px;
background-color: $color-black;
background-color: vars.$color-black;
// scroll-container is position: absolute
position: relative;
}
@@ -43,7 +45,7 @@
bottom: 0;
right: 0;
z-index: 1;
width: $layout-map-width;
background-color: $color-black;
width: vars.$layout-map-width;
background-color: vars.$color-black;
}
}