Migrate SASS

This commit is contained in:
2026-01-09 23:41:47 +01:00
parent d9bc89b7f6
commit ac9fcbe0ba
26 changed files with 1153 additions and 1124 deletions
+7 -5
View File
@@ -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));
}
}