diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_bubble.scss | 17 | ||||
-rw-r--r-- | src/objects/_emoji.scss | 2 |
2 files changed, 3 insertions, 16 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 | } |
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index 027d0e4..f7715e1 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss | |||
@@ -23,14 +23,12 @@ | |||
23 | 23 | ||
24 | @include iro.bem-object(iro.props-namespace()) { | 24 | @include iro.bem-object(iro.props-namespace()) { |
25 | display: inline-block; | 25 | display: inline-block; |
26 | width: fn.dim(--size); | ||
27 | height: fn.dim(--size); | 26 | height: fn.dim(--size); |
28 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); | 27 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); |
29 | padding: fn.dim(--pad); | 28 | padding: fn.dim(--pad); |
30 | vertical-align: .1em; | 29 | vertical-align: .1em; |
31 | 30 | ||
32 | @include iro.bem-modifier('125') { | 31 | @include iro.bem-modifier('125') { |
33 | width: fn.dim(--125 --size); | ||
34 | height: fn.dim(--125 --size); | 32 | height: fn.dim(--125 --size); |
35 | margin-top: calc(-.5 * fn.dim(--125 --size)); | 33 | margin-top: calc(-.5 * fn.dim(--125 --size)); |
36 | margin-bottom: calc(-.5 * fn.dim(--125 --size)); | 34 | margin-bottom: calc(-.5 * fn.dim(--125 --size)); |