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