diff options
Diffstat (limited to 'src/layouts')
-rw-r--r-- | src/layouts/_card-list.scss | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss index 1030e28..c8c3d18 100644 --- a/src/layouts/_card-list.scss +++ b/src/layouts/_card-list.scss | |||
@@ -62,6 +62,13 @@ | |||
62 | grid-template-columns: repeat(auto-fill, minmax(props.get(vars.$grid-sm--col-width), 1fr)); | 62 | grid-template-columns: repeat(auto-fill, minmax(props.get(vars.$grid-sm--col-width), 1fr)); |
63 | gap: props.get(vars.$grid-sm--row-gap) props.get(vars.$grid-sm--col-gap); | 63 | gap: props.get(vars.$grid-sm--row-gap) props.get(vars.$grid-sm--col-gap); |
64 | 64 | ||
65 | @include bem.modifier("grid-sm") { | ||
66 | @include iro.media--media("<=md") { | ||
67 | display: flex; | ||
68 | gap: props.get(vars.$row-gap); | ||
69 | } | ||
70 | } | ||
71 | |||
65 | @include bem.modifier('quiet') { | 72 | @include bem.modifier('quiet') { |
66 | row-gap: props.get(vars.$grid-sm--quiet--row-gap); | 73 | row-gap: props.get(vars.$grid-sm--quiet--row-gap); |
67 | } | 74 | } |