diff options
author | Volpeon <git@volpeon.ink> | 2023-01-23 18:04:04 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2023-01-23 18:04:04 +0100 |
commit | bf9e88d88f99c436ff0343842268947eec277576 (patch) | |
tree | e6eb0dafa77ca864188ccf19bce600b43411ab9a | |
parent | Emoji (diff) | |
download | iro-design-bf9e88d88f99c436ff0343842268947eec277576.tar.gz iro-design-bf9e88d88f99c436ff0343842268947eec277576.tar.bz2 iro-design-bf9e88d88f99c436ff0343842268947eec277576.zip |
Emoji again
-rw-r--r-- | src/objects/_emoji.scss | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index 9fa82d6..0f878c3 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss | |||
@@ -19,17 +19,16 @@ | |||
19 | 19 | ||
20 | @include iro.bem-object(iro.props-namespace()) { | 20 | @include iro.bem-object(iro.props-namespace()) { |
21 | display: inline; | 21 | display: inline; |
22 | position: relative; | ||
23 | top: calc(-.5em * fn.global-dim(--font --standard --line-height) + fn.dim(--rounding)); | ||
24 | width: fn.dim(--size); | 22 | width: fn.dim(--size); |
25 | height: fn.dim(--size); | 23 | height: fn.dim(--size); |
26 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); | 24 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); |
27 | padding: fn.dim(--pad); | 25 | padding: fn.dim(--pad); |
28 | transition: transform .2s ease, background-color .2s ease; | 26 | vertical-align: .2em; |
29 | border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); | ||
30 | vertical-align: bottom; | ||
31 | 27 | ||
32 | @include iro.bem-modifier('zoomable') { | 28 | @include iro.bem-modifier('zoomable') { |
29 | transition: transform .2s ease, background-color .2s ease; | ||
30 | border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); | ||
31 | |||
33 | &:hover { | 32 | &:hover { |
34 | transform: scale(fn.dim(--zoom)); | 33 | transform: scale(fn.dim(--zoom)); |
35 | background-color: fn.color(--bg); | 34 | background-color: fn.color(--bg); |