summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/_iro-design.scss1
-rw-r--r--src/_utils.scss9
-rw-r--r--src/layouts/_card-view.scss18
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}