summaryrefslogtreecommitdiffstats
path: root/src/objects/_bubble.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_bubble.scss')
-rw-r--r--src/objects/_bubble.scss17
1 files changed, 3 insertions, 14 deletions
diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss
index 5c9ce04..f1d053f 100644
--- a/src/objects/_bubble.scss
+++ b/src/objects/_bubble.scss
@@ -3,19 +3,13 @@
3 3
4@include iro.props-namespace('bubble') { 4@include iro.props-namespace('bubble') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --colors: (
7 --image-bg: fn.global-color(--obj),
8 ),
9 ), 'colors');
10
11 @include iro.props-store((
12 --dims: ( 6 --dims: (
13 --pad-x: fn.global-dim(--size --200), 7 --pad-x: fn.global-dim(--size --200),
14 --pad-y: fn.global-dim(--size --150), 8 --pad-y: fn.global-dim(--size --150),
15 --rounding: 3px, 9 --rounding: 3px,
16 --arrow-size: fn.global-dim(--size --100), 10 --arrow-size: fn.global-dim(--size --100),
17 11
18 --compact: ( 12 --75: (
19 --pad-x: fn.global-dim(--size --150), 13 --pad-x: fn.global-dim(--size --150),
20 --pad-y: fn.global-dim(--size --85), 14 --pad-y: fn.global-dim(--size --85),
21 ), 15 ),
@@ -46,13 +40,8 @@
46 transform: translate(.2em, .2em); 40 transform: translate(.2em, .2em);
47 } 41 }
48 42
49 @include iro.bem-elem('divider') { 43 @include iro.bem-modifier('75') {
50 margin-right: calc(-1 * fn.dim(--pad-x)); 44 padding: fn.dim(--75 --pad-y) fn.dim(--75 --pad-x);
51 margin-left: calc(-1 * fn.dim(--pad-x));
52 }
53
54 @include iro.bem-modifier('compact') {
55 padding: fn.dim(--compact --pad-y) fn.dim(--compact --pad-x);
56 } 45 }
57 } 46 }
58} 47}