From 1529c160591a51a01dac6e8293a7b24d0a90049f Mon Sep 17 00:00:00 2001 From: sthag Date: Sat, 14 Feb 2026 20:40:21 +0100 Subject: [PATCH 1/4] fix: Move code declaration to correct file --- elements/_grouping.scss | 6 ------ elements/_textlevel.scss | 6 ++++++ 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/elements/_grouping.scss b/elements/_grouping.scss index 54e6ea4..ad45988 100644 --- a/elements/_grouping.scss +++ b/elements/_grouping.scss @@ -32,12 +32,6 @@ p { @extend %basic; margin-top: config.$space_basic; margin-bottom: config.$space_basic; - - code { - padding: config.$space_tiny config.$space_half; - font-size: 1em; - line-height: 1; - } } .column_line { diff --git a/elements/_textlevel.scss b/elements/_textlevel.scss index 3d94607..3b0ae77 100644 --- a/elements/_textlevel.scss +++ b/elements/_textlevel.scss @@ -204,6 +204,12 @@ code { background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny); } +p code { + padding: config.$space_tiny config.$space_half; + font-size: 1em; + line-height: 1; +} + .code_solo { @extend %basic_mono; padding: config.$space_tiny config.$space_half; From e2902fa9cb5db0e1b35de64250b2ddae0d33c0b8 Mon Sep 17 00:00:00 2001 From: sthag Date: Sat, 14 Feb 2026 20:41:07 +0100 Subject: [PATCH 2/4] feat: Create mixin for column classes --- elements/_grouping.scss | 26 ++++++++++++-------------- 1 file changed, 12 insertions(+), 14 deletions(-) diff --git a/elements/_grouping.scss b/elements/_grouping.scss index ad45988..e5aab7c 100644 --- a/elements/_grouping.scss +++ b/elements/_grouping.scss @@ -25,6 +25,17 @@ // div +@mixin columns($count: 5) { + @for $i from 1 through $count { + .column_#{$i} { + @extend p; + + column-count: #{$i}; + column-gap: if($i < 3, config.$space_small, config.$space_medium); + } + } +} + // Paragraph // ----------------------------------------------------------------------------- @@ -38,20 +49,7 @@ p { column-rule: config.$border_basic; } -.column_2, -.column_3 { - @extend p; -} - -.column_2 { - column-count: 2; - column-gap: config.$space_small; -} - -.column_3 { - column-count: 3; - column-gap: config.$space_medium; -} +@include columns(); // Address // ----------------------------------------------------------------------------- From 0e6aa4bb02a5323a3eadd92715e03e38e80858cb Mon Sep 17 00:00:00 2001 From: sthag Date: Sat, 14 Feb 2026 20:44:13 +0100 Subject: [PATCH 3/4] feat: Change specific styles for hr Instead of repeating the element name to the class the declarations are now depended on the element itself. --- elements/_grouping.scss | 29 +++++++++++++---------------- 1 file changed, 13 insertions(+), 16 deletions(-) diff --git a/elements/_grouping.scss b/elements/_grouping.scss index e5aab7c..dba0a55 100644 --- a/elements/_grouping.scss +++ b/elements/_grouping.scss @@ -68,6 +68,19 @@ hr { border-style: solid; border-color: config.$color_border_basic; + &.hidden { + border-color: transparent; + } + + &.dotted { + border-style: dotted; + } + + &.double { + height: 4px; + border-width: config.$width_border_basic 0; + } + &.vertical { display: inline; margin: 0 config.$space_double; @@ -75,22 +88,6 @@ hr { } } -.hr_hidden { - @extend hr; - border-color: transparent; -} - -.hr_dotted { - @extend hr; - border-style: dotted; -} - -.hr_double { - @extend hr; - height: 4px; - border-width: config.$width_border_basic 0; -} - // Preformat // ----------------------------------------------------------------------------- pre { From 91d136f1c310c6276ecb2f4318f468f842099816 Mon Sep 17 00:00:00 2001 From: sthag Date: Sun, 15 Feb 2026 10:51:59 +0100 Subject: [PATCH 4/4] style: Update file formatting --- elements/_embedded.scss | 1 - elements/_grouping.scss | 16 +++++++++------- elements/_interactive.scss | 5 ----- elements/_textlevel.scss | 3 --- 4 files changed, 9 insertions(+), 16 deletions(-) diff --git a/elements/_embedded.scss b/elements/_embedded.scss index 4de399d..da0921d 100644 --- a/elements/_embedded.scss +++ b/elements/_embedded.scss @@ -14,7 +14,6 @@ // area - picture { } diff --git a/elements/_grouping.scss b/elements/_grouping.scss index dba0a55..7e61702 100644 --- a/elements/_grouping.scss +++ b/elements/_grouping.scss @@ -31,7 +31,7 @@ @extend p; column-count: #{$i}; - column-gap: if($i < 3, config.$space_small, config.$space_medium); + column-gap: if($i < 3, config.$space_small, config.$space_medium); } } } @@ -237,11 +237,13 @@ figcaption { // Main content // ----------------------------------------------------------------------------- -main {} +main { +} // Div // ----------------------------------------------------------------------------- -div {} +div { +} .div_info { padding: config.$space_double config.$indent_basic; @@ -304,13 +306,13 @@ div {} display: grid; grid-gap: config.$space_basic; - &>input, - &>select, - &>textarea { + & > input, + & > select, + & > textarea { margin: 0; } - &>label { + & > label { margin: config.$width_border_io; padding: config.$space_half; } diff --git a/elements/_interactive.scss b/elements/_interactive.scss index fbdfb28..ddf35b9 100644 --- a/elements/_interactive.scss +++ b/elements/_interactive.scss @@ -21,7 +21,6 @@ // legend - // Form // ----------------------------------------------------------------------------- form { @@ -245,7 +244,6 @@ meter { } - // Interactive elements // ----------------------------------------------------------------------------- // details @@ -253,7 +251,6 @@ meter { // dialog - details { } @@ -267,7 +264,6 @@ dialog { } - // Scripting // ----------------------------------------------------------------------------- // script @@ -276,7 +272,6 @@ dialog { // canvas - canvas { } diff --git a/elements/_textlevel.scss b/elements/_textlevel.scss index 3b0ae77..8a3b406 100644 --- a/elements/_textlevel.scss +++ b/elements/_textlevel.scss @@ -39,7 +39,6 @@ // wbr - // Links // ----------------------------------------------------------------------------- a { @@ -302,14 +301,12 @@ wbr { } - // Edits // ----------------------------------------------------------------------------- // ins // del - ins { }