interaktionsweise/hippie-style
1
1
Fork 0
Code Pull requests Releases Activity

feat: Resolve all deprecation warnings for sass

Browse source 
- Replace @import with @use and @forward
- Only color function is used in _basic.scss for now
- Change _all.scss to _index.scss
- Modules use direct dependencies
- Move @include from _config.scss to _common.scss, this was a long term mistake
- Remove $color_list
- Change basic_color()
This commit is contained in:
sthag 2025-10-26 11:33:54 +01:00
parent 867e96ea0a
commit 4e4f8814d3
26 changed files with 476 additions and 420 deletions
Download patch file Download diff file Expand all files Collapse all files

43
modules/navigation/_nav_module.scss
View file

@ -1,3 +1,6 @@
@use "../../global/config";
@use "../../global/common";
nav {
ul,
@ -6,7 +9,7 @@ nav {
}
li {
margin-bottom: $space_basic;
margin-bottom: config.$space_basic;
list-style: none;
}
}
@ -16,12 +19,12 @@ nav {
@extend .overflow;
ul {
margin: $space_basic 0;
margin: config.$space_basic 0;
}
li {
@extend .float_space_left;
margin-right: $space_basic;
margin-right: config.$space_basic;
margin-bottom: 0;
&:last-child {
@ -33,28 +36,28 @@ nav {
.nav_right {
float: right;
margin-left: $space_basic;
margin-left: config.$space_basic;
.align_parent {
margin-right: $space_basic * -1;
margin-right: config.$space_basic * -1;
}
}
.nav_separate {
li {
position: relative;
padding-left: $space_tiny;
padding-left: config.$space_tiny;
&:not(:first-child) {
&::before {
content: "";
position: absolute;
width: $space_tiny;
width: config.$space_tiny;
height: 100%;
left: 0;
top: 0;
background-color: $color_border_basic;
background-color: config.$color_border_basic;
}
}
}
@ -66,17 +69,17 @@ nav {
position: relative;
&:first-child {
padding-left: $space_basic * 2 + $space_tiny;
padding-left: config.$space_basic * 2 + config.$space_tiny;
&::before {
content: "";
position: absolute;
width: $space_tiny;
width: config.$space_tiny;
height: 100%;
left: 0;
top: 0;
background-color: $color_front_basic;
margin: 0 $space_basic;
background-color: config.$color_front_basic;
margin: 0 config.$space_basic;
}
}
}
@ -97,11 +100,11 @@ nav {
.nav_column {
position: relative;
margin: $space_basic 0;
margin: config.$space_basic 0;
ul {
display: flex;
margin: 0 $space_large;
margin: 0 config.$space_large;
li {
flex: auto;
@ -119,11 +122,11 @@ nav {
position: fixed;
// display: table;
// width: 3em;
right: $space_half;
bottom: $space_double;
right: config.$space_half;
bottom: config.$space_double;
ul {
margin: $space_basic 0;
margin: config.$space_basic 0;
}
li {
@ -145,7 +148,7 @@ nav {
}
&:hover {
background-color: $color_action_basic;
background-color: config.$color_action_basic;
}
}
.sprite_img {
@ -163,8 +166,8 @@ nav {
&:active,
&:focus,
&:hover {
background-color: rgba($color_text_basic, 0.2);
color: $color_text_basic;
background-color: rgba(config.$color_text_basic, 0.2);
color: config.$color_text_basic;
}
}
}