interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: Replace deprecated sass color functions

Browse source
This commit is contained in:
sthag 2025-10-25 09:03:58 +02:00
parent 41c5757790
commit 50b0d864c2
5 changed files with 15 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
source/style/hippie-style

@ -1 +1 @@
Subproject commit cf8fc6bd5dcb24ad654ca6093e6e47520b8b0093
Subproject commit b739ddefda35962192aadfc2ca86a11d996ab7c9

8
source/style/modules/demo/_demo_module.scss
View file

@ -1,3 +1,5 @@
@use "sass:color";
.demo__intro {
@extend .sec_main_center;
@extend .sec_main_status;
@ -33,12 +35,12 @@
}
.header_fancy {
background-color: transparentize($bravo_color, 0.4);
background-color: color.adjust($bravo_color, $alpha: -0.4);
nav {
a {
background-color: transparentize($alpha_color, 0.4);
background-color: color.adjust($alpha_color, $alpha: -0.4);
color: $alpha_color;
&:active,
@ -56,7 +58,7 @@
top: 0;
left: 0;
width: 100%;
background-color: transparentize($charlie_color, 0.4);
background-color: color.adjust($charlie_color, $alpha: -0.4);
nav {

4
source/style/modules/portal/_portal_module.scss
View file

@ -1,3 +1,5 @@
@use "sass:color";
$portal_highlight: $color_highlight_basic;
$portal_margin: $space_double;
$portal_link_size: 128px;
@ -66,7 +68,7 @@ $portal_icon_size: 64px;
background-position: center;
&:hover {
background-color: transparentize($portal_highlight, $amount: 0.2);
background-color: color.adjust($portal_highlight, $alpha: -0.2);
border-color: $portal_highlight;
}

4
source/style/modules/ui/_frame_module.scss
View file

@ -1,3 +1,5 @@
@use "sass:color";
@mixin nav-spacer($name, $size, $orientation) {
.spacer.#{$name} {
width: $size;
@ -35,7 +37,7 @@
&>header,
&>footer {
background-color: transparentize($color_back_io, .5);
background-color: color.adjust($color_back_io, $alpha: -.5);
&:hover {
background-color: $color_back_io;

4
source/style/modules/ui/_new_module.scss
View file

@ -1,3 +1,5 @@
@use "sass:color";
$module_top_height: 32px;
$body_top_space: $module_top_height + $space_basic;
@ -26,7 +28,7 @@ $body_top_space: $module_top_height + $space_basic;
.item {
// height: unset;
border-color: darken($color_back_basic, $color_diff_tiny);
border-color: color.scale($color_back_basic, $lightness: -$color_diff_tiny);
border-style: dotted;
border-width: $width_border_8;
border-radius: $width_border_8;