summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-20 21:16:26 +0200
committerVolpeon <git@volpeon.ink>2024-10-20 21:16:26 +0200
commit05b26fcb308ebe75a5d25bbf773f80f7a60ba1df (patch)
treed56f51ce2e58875eedfd238ee9143c7fea35cc68 /src/layouts
parentUpdate (diff)
downloadiro-design-05b26fcb308ebe75a5d25bbf773f80f7a60ba1df.tar.gz
iro-design-05b26fcb308ebe75a5d25bbf773f80f7a60ba1df.tar.bz2
iro-design-05b26fcb308ebe75a5d25bbf773f80f7a60ba1df.zip
Add no-flush to card-list
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_card-list.scss14
1 files changed, 8 insertions, 6 deletions
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index ecd767f..6bdf7b3 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -46,12 +46,14 @@
46 flex-flow: row wrap; 46 flex-flow: row wrap;
47 gap: props.get(vars.$masonry-h--col-gap); 47 gap: props.get(vars.$masonry-h--col-gap);
48 48
49 &::after { 49 @include iro.bem-modifier('no-flush') {
50 display: block; 50 &::after {
51 flex: 1 0 auto; 51 display: block;
52 inline-size: props.get(vars.$masonry-h--row-height); 52 flex: 1 0 auto;
53 block-size: 0; 53 inline-size: props.get(vars.$masonry-h--row-height);
54 content: ''; 54 block-size: 0;
55 content: '';
56 }
55 } 57 }
56 58
57 @include iro.bem-elem('card') { 59 @include iro.bem-elem('card') {