diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_bubble.scss | 15 |
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') { |