diff options
Diffstat (limited to 'src')
| -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); |
