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
+18 -16
View File
@@ -1,3 +1,5 @@
@use "vars";
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.ttf') format('truetype');
@@ -15,8 +17,8 @@
}
html {
color: $color-white;
font-size: $font-size-5;
color: vars.$color-white;
font-size: vars.$font-size-5;
box-sizing: border-box;
}
@@ -32,34 +34,34 @@ body {
}
p {
font-size: $font-size-6;
margin-top: $margin-2;
margin-bottom: $margin-2;
color: $color-lowgray;
font-size: vars.$font-size-6;
margin-top: vars.$margin-2;
margin-bottom: vars.$margin-2;
color: vars.$color-lowgray;
line-height: 1.3;
}
h1 {
font-size: $font-size-2;
margin-bottom: $margin-3;
font-size: vars.$font-size-2;
margin-bottom: vars.$margin-3;
font-weight: bold;
}
h2 {
font-size: $font-size-3;
margin-bottom: $margin-3;
font-size: vars.$font-size-3;
margin-bottom: vars.$margin-3;
font-weight: bold;
}
h3 {
font-size: $font-size-4;
margin-bottom: $margin-3;
font-size: vars.$font-size-4;
margin-bottom: vars.$margin-3;
font-weight: bold;
}
h4 {
font-size: $font-size-5;
margin-bottom: $margin-3;
font-size: vars.$font-size-5;
margin-bottom: vars.$margin-3;
}
input:focus,
@@ -68,12 +70,12 @@ textarea:focus,
button:focus,
.maputnik-toolbar-link:focus,
select:focus {
color: $color-white;
color: vars.$color-white;
outline: #8e8e8e auto 1px;
}
label:hover {
color: $color-white;
color: vars.$color-white;
}
.clearfix {