diff options
author | Volpeon <git@volpeon.ink> | 2024-10-26 20:41:11 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-26 20:41:11 +0200 |
commit | 1b6563c5939a666fcbb7631ed14269c992f90e1e (patch) | |
tree | f3bdd12ee659904609a98fdfcf0240db2ff59fec | |
parent | Fix thumbnail (diff) | |
download | iro-design-1b6563c5939a666fcbb7631ed14269c992f90e1e.tar.gz iro-design-1b6563c5939a666fcbb7631ed14269c992f90e1e.tar.bz2 iro-design-1b6563c5939a666fcbb7631ed14269c992f90e1e.zip |
Remove card view
-rw-r--r-- | src/_iro-design.scss | 1 | ||||
-rw-r--r-- | src/_utils.scss | 9 | ||||
-rw-r--r-- | src/layouts/_card-view.scss | 18 |
3 files changed, 9 insertions, 19 deletions
diff --git a/src/_iro-design.scss b/src/_iro-design.scss index 6698d76..3132199 100644 --- a/src/_iro-design.scss +++ b/src/_iro-design.scss | |||
@@ -32,7 +32,6 @@ $breakpoints: ( | |||
32 | @forward 'layouts/media' as l-media--*; | 32 | @forward 'layouts/media' as l-media--*; |
33 | @forward 'layouts/overflow' as l-overflow--*; | 33 | @forward 'layouts/overflow' as l-overflow--*; |
34 | @forward 'layouts/split-view' as l-split-view--*; | 34 | @forward 'layouts/split-view' as l-split-view--*; |
35 | @forward 'layouts/card-view' as l-card-view--*; | ||
36 | 35 | ||
37 | @forward 'scopes/implicit' as s-implicit--*; | 36 | @forward 'scopes/implicit' as s-implicit--*; |
38 | @forward 'scopes/blockquotes' as s-blockquotes--*; | 37 | @forward 'scopes/blockquotes' as s-blockquotes--*; |
diff --git a/src/_utils.scss b/src/_utils.scss index cdb2a32..62b5bfe 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
@@ -44,6 +44,10 @@ $-sizes: ( | |||
44 | display: contents; | 44 | display: contents; |
45 | } | 45 | } |
46 | 46 | ||
47 | @include bem.utility('d-flex') { | ||
48 | display: flex; | ||
49 | } | ||
50 | |||
47 | @include bem.utility('td-none') { | 51 | @include bem.utility('td-none') { |
48 | text-decoration: none; | 52 | text-decoration: none; |
49 | } | 53 | } |
@@ -197,6 +201,11 @@ $-sizes: ( | |||
197 | inset-block-start: 0; | 201 | inset-block-start: 0; |
198 | } | 202 | } |
199 | 203 | ||
204 | @include bem.utility('p-sticky-be') { | ||
205 | position: sticky; | ||
206 | inset-block-end: 0; | ||
207 | } | ||
208 | |||
200 | @each $dir, $suffix in $-dirs { | 209 | @each $dir, $suffix in $-dirs { |
201 | @include bem.utility('m#{$dir}-auto') { | 210 | @include bem.utility('m#{$dir}-auto') { |
202 | margin#{$suffix}: auto; | 211 | margin#{$suffix}: auto; |
diff --git a/src/layouts/_card-view.scss b/src/layouts/_card-view.scss deleted file mode 100644 index f6e0ef1..0000000 --- a/src/layouts/_card-view.scss +++ /dev/null | |||
@@ -1,18 +0,0 @@ | |||
1 | @use 'sass:meta'; | ||
2 | @use 'iro-sass/src/bem'; | ||
3 | @use 'iro-sass/src/props'; | ||
4 | @use '../props' as *; | ||
5 | |||
6 | @mixin styles { | ||
7 | @include bem.layout('card-view') { | ||
8 | display: flex; | ||
9 | flex-direction: column; | ||
10 | min-block-size: 100%; | ||
11 | |||
12 | @include bem.elem('footer') { | ||
13 | position: sticky; | ||
14 | inset-block-end: 0; | ||
15 | margin-block-start: auto; | ||
16 | } | ||
17 | } | ||
18 | } | ||