Use new scss syntax (#1015)

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
+12 -11
View File
@@ -1,16 +1,18 @@
@use "vars";
// ZOOM FUNC
.maputnik-make-zoom-function {
background-color: transparent;
display: inline-block;
vertical-align: middle;
padding: 0 $margin-2 0 0;
padding: 0 vars.$margin-2 0 0;
@extend .maputnik-icon-button; /* stylelint-disable-line */
@extend .maputnik-icon-button !optional; /* stylelint-disable-line */
}
// ZOOM PROPERTY
.maputnik-zoom-spec-property {
@extend .clearfix; /* stylelint-disable-line */
@extend .clearfix !optional; /* stylelint-disable-line */
}
.maputnik-zoom-spec-property-label {
@@ -19,8 +21,8 @@
}
.maputnik-zoom-spec-property-stop-item {
margin-bottom: $margin-2;
margin-top: $margin-2;
margin-bottom: vars.$margin-2;
margin-top: vars.$margin-2;
}
.maputnik-zoom-spec-property-stop-edit {
@@ -49,13 +51,12 @@
padding-top: 0;
vertical-align: middle;
@extend .maputnik-icon-button; /* stylelint-disable-line */
@extend .maputnik-icon-button !optional; /* stylelint-disable-line */
}
.maputnik-add-stop {
display: inline-block;
float: right;
margin-right: $margin-3;
margin-right: vars.$margin-3;
}
// DATA FUNC
@@ -63,9 +64,9 @@
background-color: transparent;
display: inline-block;
vertical-align: middle;
padding: 0 $margin-2 0 0;
padding: 0 vars.$margin-2 0 0;
@extend .maputnik-icon-button; /* stylelint-disable-line */
@extend .maputnik-icon-button !optional; /* stylelint-disable-line */
}
.maputnik-data-spec-property {
@@ -86,7 +87,7 @@
.maputnik-doc-wrapper {
width: 25%;
color: $color-lowgray;
color: vars.$color-lowgray;
}
.maputnik-doc-wrapper:hover {