summaryrefslogtreecommitdiffstats
path: root/src/layouts/_card.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts/_card.scss')
-rw-r--r--src/layouts/_card.scss67
1 files changed, 0 insertions, 67 deletions
diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss
deleted file mode 100644
index 176df06..0000000
--- a/src/layouts/_card.scss
+++ /dev/null
@@ -1,67 +0,0 @@
1@use 'iro-sass/src/index' as iro;
2@use '../functions' as fn;
3
4@include iro.props-namespace('card') {
5 @include iro.props-store((
6 --dims: (
7 --pad-x: fn.global-dim(--size --150),
8 --pad-y: fn.global-dim(--size --85),
9
10 --75: (
11 --pad-x: fn.global-dim(--size --100),
12 --pad-y: fn.global-dim(--size --50),
13 ),
14
15 --200: (
16 --pad-x: fn.global-dim(--size --300),
17 --pad-y: fn.global-dim(--size --150),
18 ),
19
20 --300: (
21 --pad-x: fn.global-dim(--size --450),
22 --pad-y: fn.global-dim(--size --225),
23 )
24 )
25 ), 'dims');
26
27 @include iro.bem-layout(iro.props-namespace()) {
28 display: flex;
29 align-items: center;
30 padding: fn.dim(--pad-y) fn.dim(--pad-x);
31 gap: fn.dim(--pad-x);
32 line-height: 1.4;
33
34 @include iro.bem-modifier('75') {
35 padding: fn.dim(--75 --pad-y) fn.dim(--75 --pad-x);
36 gap: fn.dim(--75 --pad-x);
37 }
38
39 @include iro.bem-modifier('200') {
40 padding: fn.dim(--200 --pad-y) fn.dim(--200 --pad-x);
41 gap: fn.dim(--200 --pad-x);
42 }
43
44 @include iro.bem-modifier('300') {
45 padding: fn.dim(--300 --pad-y) fn.dim(--300 --pad-x);
46 gap: fn.dim(--300 --pad-x);
47 }
48
49 @include iro.bem-modifier('flush') {
50 padding: 0;
51 }
52
53 @include iro.bem-modifier('gapless') {
54 gap: 0;
55 }
56
57 @include iro.bem-elem('block') {
58 flex: 0 0 auto;
59
60 @include iro.bem-modifier('main') {
61 flex-shrink: 1;
62 width: 100%;
63 min-width: 0;
64 }
65 }
66 }
67}