diff options
author | Volpeon <git@volpeon.ink> | 2022-03-28 09:00:40 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-03-28 09:00:40 +0200 |
commit | 120ad0cdc11143fb6f184bcbca332dbf8a2114e8 (patch) | |
tree | b25fbe77ac51d99d20e09be6308af718df5d174f /src/objects | |
parent | Improved bubbles (diff) | |
download | iro-design-120ad0cdc11143fb6f184bcbca332dbf8a2114e8.tar.gz iro-design-120ad0cdc11143fb6f184bcbca332dbf8a2114e8.tar.bz2 iro-design-120ad0cdc11143fb6f184bcbca332dbf8a2114e8.zip |
Improved bubble
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_bubble.scss | 5 |
1 files changed, 0 insertions, 5 deletions
diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss index 41b26ff..1259b4a 100644 --- a/src/objects/_bubble.scss +++ b/src/objects/_bubble.scss | |||
@@ -14,7 +14,6 @@ | |||
14 | --pad-y: fn.global-dim(--size --150), | 14 | --pad-y: fn.global-dim(--size --150), |
15 | --rounding: 3px, | 15 | --rounding: 3px, |
16 | --arrow-size: fn.global-dim(--size --100), | 16 | --arrow-size: fn.global-dim(--size --100), |
17 | --spacing: fn.global-dim(--size --100), | ||
18 | 17 | ||
19 | --compact: ( | 18 | --compact: ( |
20 | --pad-x: fn.global-dim(--size --150), | 19 | --pad-x: fn.global-dim(--size --150), |
@@ -24,10 +23,7 @@ | |||
24 | ), 'dims'); | 23 | ), 'dims'); |
25 | 24 | ||
26 | @include iro.bem-object(iro.props-namespace()) { | 25 | @include iro.bem-object(iro.props-namespace()) { |
27 | display: flex; | ||
28 | position: relative; | 26 | position: relative; |
29 | flex-direction: column; | ||
30 | gap: fn.dim(--spacing); | ||
31 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | 27 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
32 | border-radius: fn.dim(--rounding); | 28 | border-radius: fn.dim(--rounding); |
33 | background-color: fn.global-color(--bg); | 29 | background-color: fn.global-color(--bg); |
@@ -51,7 +47,6 @@ | |||
51 | } | 47 | } |
52 | 48 | ||
53 | @include iro.bem-modifier('compact') { | 49 | @include iro.bem-modifier('compact') { |
54 | gap: 0; | ||
55 | padding: fn.dim(--compact --pad-y) fn.dim(--compact --pad-x); | 50 | padding: fn.dim(--compact --pad-y) fn.dim(--compact --pad-x); |
56 | } | 51 | } |
57 | } | 52 | } |