diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_emoji.scss | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index 7d03b13..6ab71d7 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss | |||
@@ -22,13 +22,18 @@ | |||
22 | ), 'colors'); | 22 | ), 'colors'); |
23 | 23 | ||
24 | @include iro.bem-object(iro.props-namespace()) { | 24 | @include iro.bem-object(iro.props-namespace()) { |
25 | display: inline; | 25 | display: inline-flex; |
26 | width: 1em; | 26 | position: relative; |
27 | height: 1em; | 27 | align-items: center; |
28 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); | 28 | justify-content: center; |
29 | padding: fn.dim(--pad); | 29 | width: 1em; |
30 | font-size: fn.dim(--size); | 30 | height: 1em; |
31 | vertical-align: .15em; | 31 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); |
32 | padding: fn.dim(--pad); | ||
33 | font-size: fn.dim(--size); | ||
34 | line-height: 1; | ||
35 | text-align: center; | ||
36 | vertical-align: middle; | ||
32 | 37 | ||
33 | @include iro.bem-modifier('125') { | 38 | @include iro.bem-modifier('125') { |
34 | margin-top: calc(-.5 * fn.dim(--125 --size)); | 39 | margin-top: calc(-.5 * fn.dim(--125 --size)); |
@@ -41,6 +46,7 @@ | |||
41 | border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); | 46 | border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); |
42 | 47 | ||
43 | &:hover { | 48 | &:hover { |
49 | z-index: 10; | ||
44 | transform: scale(fn.dim(--zoom)); | 50 | transform: scale(fn.dim(--zoom)); |
45 | background-color: fn.color(--bg); | 51 | background-color: fn.color(--bg); |
46 | } | 52 | } |