diff options
author | Volpeon <git@volpeon.ink> | 2022-02-06 20:23:11 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-06 20:23:11 +0100 |
commit | 9691ccf48f64dd0fac669ae51943907cc8da9b78 (patch) | |
tree | 01fa18eee29ec1266bbe3d276a8dac6f54390f16 /src/layouts | |
parent | Fixes (diff) | |
download | iro-design-9691ccf48f64dd0fac669ae51943907cc8da9b78.tar.gz iro-design-9691ccf48f64dd0fac669ae51943907cc8da9b78.tar.bz2 iro-design-9691ccf48f64dd0fac669ae51943907cc8da9b78.zip |
Added status indicator and avatar
Diffstat (limited to 'src/layouts')
-rw-r--r-- | src/layouts/_card.scss | 12 | ||||
-rw-r--r-- | src/layouts/_container.scss | 12 |
2 files changed, 12 insertions, 12 deletions
diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss index 5db1a6a..a5b9028 100644 --- a/src/layouts/_card.scss +++ b/src/layouts/_card.scss | |||
@@ -5,11 +5,11 @@ | |||
5 | @include iro.props-namespace('card') { | 5 | @include iro.props-namespace('card') { |
6 | @include iro.props-store(( | 6 | @include iro.props-store(( |
7 | --dims: ( | 7 | --dims: ( |
8 | --pad-x: iro.fn-px-to-rem(11px), | 8 | --pad-x: .6rem, |
9 | --pad-y: iro.fn-px-to-rem(8px), | 9 | --pad-y: .4rem, |
10 | --lg: ( | 10 | --lg: ( |
11 | --pad-x: iro.fn-px-to-rem(14px), | 11 | --pad-x: .9rem, |
12 | --pad-y: iro.fn-px-to-rem(11px), | 12 | --pad-y: .7rem, |
13 | ) | 13 | ) |
14 | ) | 14 | ) |
15 | ), 'dims'); | 15 | ), 'dims'); |
@@ -34,8 +34,8 @@ | |||
34 | flex: 0 0 auto; | 34 | flex: 0 0 auto; |
35 | 35 | ||
36 | @include iro.bem-modifier('main') { | 36 | @include iro.bem-modifier('main') { |
37 | flex-shrink: 1; | 37 | width: 100%; |
38 | width: 100%; | 38 | min-width: 0; |
39 | } | 39 | } |
40 | } | 40 | } |
41 | } | 41 | } |
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 40e8ab6..7f13a8b 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -7,8 +7,8 @@ | |||
7 | --dims: ( | 7 | --dims: ( |
8 | --content-width: iro.fn-px-to-rem(700px), | 8 | --content-width: iro.fn-px-to-rem(700px), |
9 | --sm-content-width: iro.fn-px-to-rem(360px), | 9 | --sm-content-width: iro.fn-px-to-rem(360px), |
10 | --padding-x: 3rem, | 10 | --pad-x: 3rem, |
11 | --padding-y: 3rem, | 11 | --pad-y: 3rem, |
12 | --in-page-spacing-y: fn.global-dim(--spacing --y --xl), | 12 | --in-page-spacing-y: fn.global-dim(--spacing --y --xl), |
13 | ) | 13 | ) |
14 | ), 'dims'); | 14 | ), 'dims'); |
@@ -38,13 +38,13 @@ | |||
38 | } | 38 | } |
39 | 39 | ||
40 | @include iro.bem-modifier('pad-x') { | 40 | @include iro.bem-modifier('pad-x') { |
41 | padding-right: fn.dim(--padding-x); | 41 | padding-right: fn.dim(--pad-x); |
42 | padding-left: fn.dim(--padding-x); | 42 | padding-left: fn.dim(--pad-x); |
43 | } | 43 | } |
44 | 44 | ||
45 | @include iro.bem-modifier('pad-y') { | 45 | @include iro.bem-modifier('pad-y') { |
46 | padding-top: fn.dim(--padding-y); | 46 | padding-top: fn.dim(--pad-y); |
47 | padding-bottom: fn.dim(--padding-y); | 47 | padding-bottom: fn.dim(--pad-y); |
48 | } | 48 | } |
49 | 49 | ||
50 | @include iro.bem-modifier('narrow') { | 50 | @include iro.bem-modifier('narrow') { |