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.scss15
1 files changed, 12 insertions, 3 deletions
diff --git a/src/objects/_bubble.scss b/src/objects/_bubble.scss
index fc2044b..477f475 100644
--- a/src/objects/_bubble.scss
+++ b/src/objects/_bubble.scss
@@ -29,15 +29,24 @@
29 background-color: fn.global-color(--bg); 29 background-color: fn.global-color(--bg);
30 color: fn.global-color(--fg); 30 color: fn.global-color(--fg);
31 31
32 &::before { 32 &::before,
33 &::after {
33 content: ''; 34 content: '';
34 display: none; 35 display: none;
35 position: absolute; 36 position: absolute;
36 top: 0; 37 top: 0;
37 left: calc(-1 * fn.dim(--arrow-size));
38 border: fn.dim(--arrow-size) solid fn.global-color(--bg); 38 border: fn.dim(--arrow-size) solid fn.global-color(--bg);
39 border-bottom-color: transparent; 39 border-bottom-color: transparent;
40 border-left-color: transparent; 40 }
41
42 &::before {
43 left: calc(-1 * fn.dim(--arrow-size));
44 border-left-color: transparent;
45 }
46
47 &::after {
48 right: calc(-1 * fn.dim(--arrow-size));
49 border-right-color: transparent;
41 } 50 }
42 51
43 @include iro.bem-modifier('highlight') { 52 @include iro.bem-modifier('highlight') {