Migrate SASS
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
@use "var";
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
|
||||
$panel-width: "100vw - #{$button-width} - 2 * #{$block-spacing}";
|
||||
$panel-width: "100vw - #{var.$button-width} - 2 * #{var.$block-spacing}";
|
||||
$panel-width-max: $panel-width;
|
||||
$panel-actual-width: $panel-width;
|
||||
|
||||
@@ -10,8 +12,8 @@
|
||||
|
||||
#projects {
|
||||
.map-container {
|
||||
width: calc(#{$panel-width});
|
||||
max-width: calc(#{$panel-width});
|
||||
width: $panel-width;
|
||||
max-width: $panel-width;
|
||||
}
|
||||
|
||||
#title {
|
||||
@@ -20,7 +22,7 @@
|
||||
|
||||
&.with-feed, &.with-settings {
|
||||
#title {
|
||||
max-width: calc(100vw - #{$block-spacing} - #{$panel-actual-width} - (#{$button-width} + #{$block-spacing} * 2) * 2);
|
||||
max-width: calc(100vw - var.$block-spacing - #{$panel-actual-width} - (var.$button-width + var.$block-spacing * 2) * 2);
|
||||
}
|
||||
|
||||
#submap {
|
||||
@@ -34,7 +36,7 @@
|
||||
}
|
||||
|
||||
.map-container-right {
|
||||
transform: translateX(calc(#{$button-width} + #{$block-spacing} * 2));
|
||||
transform: translateX(calc(var.$button-width + var.$block-spacing * 2));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user