diff options
Diffstat (limited to 'src')
| -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 | } | ||
