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

feat: Create mixin for column classes

Browse source
This commit is contained in:
sthag 2026-02-14 20:41:07 +01:00
parent 1529c16059
commit e2902fa9cb
1 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

26
elements/_grouping.scss
View file

@ -25,6 +25,17 @@
// div // 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 // Paragraph
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
@ -38,20 +49,7 @@ p {
column-rule: config.$border_basic; column-rule: config.$border_basic;
} }
.column_2, @include columns();
.column_3 {
@extend p;
}
.column_2 {
column-count: 2;
column-gap: config.$space_small;
}
.column_3 {
column-count: 3;
column-gap: config.$space_medium;
}
// Address // Address
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------