summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-05 19:23:14 +0100
committerVolpeon <git@volpeon.ink>2022-02-05 19:23:14 +0100
commit3b7e35551b499a7b8887adb068d3a80e4088b0c2 (patch)
treee8aa73b422b7d112be2a9deb00c86e3b7cc77749 /src/layouts
parentAdded text field (diff)
downloadiro-design-3b7e35551b499a7b8887adb068d3a80e4088b0c2.tar.gz
iro-design-3b7e35551b499a7b8887adb068d3a80e4088b0c2.tar.bz2
iro-design-3b7e35551b499a7b8887adb068d3a80e4088b0c2.zip
Added field-label
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_card.scss25
1 files changed, 14 insertions, 11 deletions
diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss
index f6b6b03..037b29f 100644
--- a/src/layouts/_card.scss
+++ b/src/layouts/_card.scss
@@ -1,35 +1,38 @@
1@include namespace('card') { 1@use 'iro-sass/src/index' as iro;
2 @include store(( 2@use 'include-media/dist/include-media' as media;
3
4@include iro.props-namespace('card') {
5 @include iro.props-store((
3 --dims: ( 6 --dims: (
4 --pad-x: iro-px-to-rem(11px), 7 --pad-x: iro.fn-px-to-rem(11px),
5 --pad-y: iro-px-to-rem(8px), 8 --pad-y: iro.fn-px-to-rem(8px),
6 --lg: ( 9 --lg: (
7 --pad-x: iro-px-to-rem(14px), 10 --pad-x: iro.fn-px-to-rem(14px),
8 --pad-y: iro-px-to-rem(11px), 11 --pad-y: iro.fn-px-to-rem(11px),
9 ) 12 )
10 ) 13 )
11 )); 14 ));
12 15
13 @include layout(namespace()) { 16 @include iro.bem-layout(iro.props-namespace()) {
14 display: flex; 17 display: flex;
15 align-items: center; 18 align-items: center;
16 padding: prop(--dims --pad-y) prop(--dims --pad-x); 19 padding: prop(--dims --pad-y) prop(--dims --pad-x);
17 gap: prop(--dims --pad-x); 20 gap: prop(--dims --pad-x);
18 line-height: 1.4; 21 line-height: 1.4;
19 22
20 @include modifier('lg') { 23 @include iro.bem-modifier('lg') {
21 padding: prop(--dims --lg --pad-y) prop(--dims --lg --pad-x); 24 padding: prop(--dims --lg --pad-y) prop(--dims --lg --pad-x);
22 gap: prop(--dims --lg --pad-x); 25 gap: prop(--dims --lg --pad-x);
23 } 26 }
24 27
25 @include modifier('flush') { 28 @include iro.bem-modifier('flush') {
26 padding: 0; 29 padding: 0;
27 } 30 }
28 31
29 @include element('block') { 32 @include iro.bem-elem('block') {
30 flex: 0 0 auto; 33 flex: 0 0 auto;
31 34
32 @include modifier('main') { 35 @include iro.bem-modifier('main') {
33 flex-shrink: 1; 36 flex-shrink: 1;
34 width: 100%; 37 width: 100%;
35 } 38 }