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

33
elements/_tables.scss
View file

@ -1,5 +1,10 @@
@use "sass:color";
@use "../global/config";
@use "../global/common";
@use "../global/typography";
@use "../elements/grouping";
// Tabular data
// -----------------------------------------------------------------------------
// table
@ -18,21 +23,21 @@
// Table
// -----------------------------------------------------------------------------
table {
margin: $margin_double;
border: $border_basic;
margin: config.$margin_double;
border: config.$border_basic;
border-collapse: collapse;
}
.table_blank {
border: $width_border_basic solid transparent;
border: config.$width_border_basic solid transparent;
th, td {
border: $width_border_basic solid transparent;
border: config.$width_border_basic solid transparent;
}
}
.table_free {
border: $width_border_basic solid transparent;
border: config.$width_border_basic solid transparent;
}
.table_stripe {
@ -42,7 +47,7 @@ table {
}
tr:nth-child(even) td {
background-color: color.scale($color_back_basic, $lightness: $color_diff_tiny);
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
}
}
@ -58,8 +63,8 @@ table {
// -----------------------------------------------------------------------------
caption {
@extend p;
padding: $space_half 0;
border: $border_dotted;
padding: config.$space_half 0;
border: config.$border_dotted;
text-align: center;
}
@ -90,7 +95,7 @@ thead {
tfoot {
tr:first-child td {
border-top: $border_basic;
border-top: config.$border_basic;
}
}
@ -104,17 +109,17 @@ tr {
// -----------------------------------------------------------------------------
th, td {
@extend %basic;
padding: $space_half;
padding: config.$space_half;
}
th {
border: $border_basic;
border: config.$border_basic;
text-align: left;
}
td {
border-right: $border_basic;
border-bottom: $border_basic;
border-right: config.$border_basic;
border-bottom: config.$border_basic;
}
td:last-child {
@ -128,5 +133,5 @@ td:last-child {
.cell_pre {
// border-right-width: $width_border_4;
// border-right-color: color.scale($color_back_basic, $lightness: $color_diff_basic);
background-color: color.scale($color_back_basic, $lightness: $color_diff_tiny);
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
}