diff --git a/elements/_grouping.scss b/elements/_grouping.scss index 7e61702..737efac 100644 --- a/elements/_grouping.scss +++ b/elements/_grouping.scss @@ -141,6 +141,11 @@ dl, ul, ol { margin: config.$space_double 0; + + &.block { + padding: 1em 5em; + background-color: config.$color_darker; + } } ul, @@ -299,6 +304,17 @@ div { &.inline { @extend %flex-inline; } + + &.stretch { + flex-flow: row wrap; + align-items: stretch; + justify-content: space-between; + gap: config.$space_half config.$space_basic; + + & > * { + flex: auto; + } + } } // Grid