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

feat: Replace deprecated sass things

Browse source 
- Global built-in functions
- Color functions
This commit is contained in:
sthag 2025-10-25 08:59:09 +02:00
parent 225c1dd55c
commit b739ddefda
13 changed files with 96 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

21
global/_common.scss
View file

@ -1,7 +1,7 @@
// Common styles for global usage
// -----------------------------------------------------------------------------
@use "sass:math";
@use "sass:color";
// General classes
@ -53,9 +53,9 @@
}
@each $size, $variable in (basic, #{$space_basic}),
(small, #{$space_small}),
(medium, #{$space_medium}),
(large, #{$space_large}) {
(small, #{$space_small}),
(medium, #{$space_medium}),
(large, #{$space_large}) {
.space_top_#{$size} {
margin-top: $variable;
}
@ -108,7 +108,7 @@
}
.wrap_center {
&>* {
& > * {
margin-right: math.div((100% - $width_basic), 2);
margin-left: math.div((100% - $width_basic), 2);
@ -130,7 +130,6 @@
}
// Clearing and floating
// -----------------------------------------------------------------------------
.clear {
@ -169,7 +168,6 @@
}
// Inlining
// -----------------------------------------------------------------------------
.inline {
@ -177,7 +175,6 @@
}
// Flex & grid
// -----------------------------------------------------------------------------
%flex-inline {
@ -205,7 +202,6 @@
}
// Positioned elements
// -----------------------------------------------------------------------------
%viewport_fixed {
@ -276,11 +272,13 @@
.mouse_over {
@extend %viewport_fixed;
z-index: $z_heaven;
background-color: transparentize($color_darkest, 0.5);
transition: background-color $duration_long $timing_basic $duration_long;
pointer-events: none;
}
&.active {
background-color: color.adjust($color_darkest, $alpha: -0.5);
}
}
// Colors
@ -294,7 +292,6 @@
}
// Text
// -----------------------------------------------------------------------------
.txt_tiny {