diff options
Diffstat (limited to 'assets/css/layouts')
-rw-r--r-- | assets/css/layouts/_card-list.scss | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss index 0c06adc..b532cc1 100644 --- a/assets/css/layouts/_card-list.scss +++ b/assets/css/layouts/_card-list.scss | |||
@@ -1,5 +1,6 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
2 | @use 'iro-design/src/functions' as fn; | 2 | @use 'iro-design/src/functions' as fn; |
3 | @use 'include-media/dist/include-media' as media; | ||
3 | 4 | ||
4 | @include iro.props-namespace('card-list') { | 5 | @include iro.props-namespace('card-list') { |
5 | @include iro.props-store(( | 6 | @include iro.props-store(( |
@@ -44,6 +45,10 @@ | |||
44 | gap: fn.dim(--gap); | 45 | gap: fn.dim(--gap); |
45 | margin-top: fn.dim(--spacing); | 46 | margin-top: fn.dim(--spacing); |
46 | 47 | ||
48 | @include media.media('<=sm') { | ||
49 | gap: fn.dim(--grid-2 --gap); | ||
50 | } | ||
51 | |||
47 | @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' { | 52 | @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' { |
48 | @include iro.bem-modifier($mode) { | 53 | @include iro.bem-modifier($mode) { |
49 | display: grid; | 54 | display: grid; |