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

feat: Adapt new hippie-style structure

Browse source 
Sass deprecations removed.
This commit is contained in:
sthag 2025-10-26 11:37:47 +01:00
parent d9f7ae1ff9
commit c1fea8064e
11 changed files with 166 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,15 +1,17 @@
@use "sass:color";
@use "../../hippie-style/hippie";
$module_top_height: 32px;
$body_top_space: $module_top_height + $space_basic;
$body_top_space: $module_top_height + hippie.$space_basic;
.body_new {
@extend %flex-column;
padding: $body_top_space $space_basic $space_basic;
padding: $body_top_space hippie.$space_basic hippie.$space_basic;
}
.area {
transition: $transition_best;
transition: hippie.$transition_best;
&:hover {
background-color: #999;
@ -28,13 +30,13 @@ $body_top_space: $module_top_height + $space_basic;
.item {
// height: unset;
border-color: color.scale($color_back_basic, $lightness: -$color_diff_tiny);
border-color: color.scale(hippie.$color_back_basic, $lightness: -4%);
border-style: dotted;
border-width: $width_border_8;
border-radius: $width_border_8;
padding: $space_basic;
background-color: rgb($color_back_basic, .5);
// background-color: lighten($color_back_basic, $color_diff_tiny);
border-width: hippie.$width_border_8;
border-radius: hippie.$width_border_8;
padding: hippie.$space_basic;
background-color: rgb(hippie.$color_back_basic, .5);
// background-color: lighten(hippie.$color_back_basic, hippie.$color_diff_tiny);
// background-color: gold;
}
@ -50,7 +52,7 @@ $body_top_space: $module_top_height + $space_basic;
width: 100%;
height: $module_top_height;
background-color: rgb(0, 0, 0, .8);
z-index: $z_top;
z-index: hippie.$z_top;
div:last-child {
flex: 1;