diff options
| author | Volpeon <git@volpeon.ink> | 2025-07-22 09:53:14 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-07-22 09:53:14 +0200 |
| commit | 9b0b363933295cdb98ba74ef69a7c699dcc9b14f (patch) | |
| tree | 0ccb64d04fdefcbf4176917c1d524811f7ebd05b /src/layouts/_card-list.scss | |
| parent | Fix link focus rounding (diff) | |
| download | iro-design-9b0b363933295cdb98ba74ef69a7c699dcc9b14f.tar.gz iro-design-9b0b363933295cdb98ba74ef69a7c699dcc9b14f.tar.bz2 iro-design-9b0b363933295cdb98ba74ef69a7c699dcc9b14f.zip | |
Card list
Diffstat (limited to 'src/layouts/_card-list.scss')
| -rw-r--r-- | src/layouts/_card-list.scss | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss index a1655be..1030e28 100644 --- a/src/layouts/_card-list.scss +++ b/src/layouts/_card-list.scss | |||
| @@ -57,6 +57,16 @@ | |||
| 57 | } | 57 | } |
| 58 | } | 58 | } |
| 59 | 59 | ||
| 60 | @include bem.modifier('grid-sm') { | ||
| 61 | display: grid; | ||
| 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); | ||
| 64 | |||
| 65 | @include bem.modifier('quiet') { | ||
| 66 | row-gap: props.get(vars.$grid-sm--quiet--row-gap); | ||
| 67 | } | ||
| 68 | } | ||
| 69 | |||
| 60 | @include bem.modifier('masonry') { | 70 | @include bem.modifier('masonry') { |
| 61 | display: block; | 71 | display: block; |
| 62 | columns: auto props.get(vars.$masonry--col-width); | 72 | columns: auto props.get(vars.$masonry--col-width); |