diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_bubble.scss | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss index f1d053f..fc2044b 100644 --- a/src/objects/_bubble.scss +++ b/src/objects/_bubble.scss | |||
@@ -6,7 +6,7 @@ | |||
6 | --dims: ( | 6 | --dims: ( |
7 | --pad-x: fn.global-dim(--size --200), | 7 | --pad-x: fn.global-dim(--size --200), |
8 | --pad-y: fn.global-dim(--size --150), | 8 | --pad-y: fn.global-dim(--size --150), |
9 | --rounding: 3px, | 9 | --rounding: 0, |
10 | --arrow-size: fn.global-dim(--size --100), | 10 | --arrow-size: fn.global-dim(--size --100), |
11 | 11 | ||
12 | --75: ( | 12 | --75: ( |
@@ -16,6 +16,12 @@ | |||
16 | ) | 16 | ) |
17 | ), 'dims'); | 17 | ), 'dims'); |
18 | 18 | ||
19 | @include iro.props-store(( | ||
20 | --colors: ( | ||
21 | --highlight: fn.global-color(--fg-lo), | ||
22 | ), | ||
23 | ), 'colors'); | ||
24 | |||
19 | @include iro.bem-object(iro.props-namespace()) { | 25 | @include iro.bem-object(iro.props-namespace()) { |
20 | position: relative; | 26 | position: relative; |
21 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | 27 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
@@ -33,8 +39,12 @@ | |||
33 | border-bottom-color: transparent; | 39 | border-bottom-color: transparent; |
34 | border-left-color: transparent; | 40 | border-left-color: transparent; |
35 | } | 41 | } |
42 | |||
43 | @include iro.bem-modifier('highlight') { | ||
44 | box-shadow: -3px 0 0 0 fn.color(--highlight); | ||
45 | } | ||
36 | 46 | ||
37 | @include iro.bem-elem('time') { | 47 | @include iro.bem-elem('suffix') { |
38 | margin-left: 1em; | 48 | margin-left: 1em; |
39 | float: right; | 49 | float: right; |
40 | transform: translate(.2em, .2em); | 50 | transform: translate(.2em, .2em); |