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.scss14
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);