summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-02-05 19:34:44 +0100
committerVolpeon <git@volpeon.ink>2023-02-05 19:34:44 +0100
commit7ef3a81eab1aa167d3c9abb3b5100bf26001244d (patch)
treefd50e9d22613fd2b378500685ce6c483da5eb81f /src/objects
parentSimplified dialog (diff)
downloadiro-design-7ef3a81eab1aa167d3c9abb3b5100bf26001244d.tar.gz
iro-design-7ef3a81eab1aa167d3c9abb3b5100bf26001244d.tar.bz2
iro-design-7ef3a81eab1aa167d3c9abb3b5100bf26001244d.zip
Bubble
Diffstat (limited to 'src/objects')
-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);