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 // -----------------------------------------------------------------------------