summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-01-23 18:04:04 +0100
committerVolpeon <git@volpeon.ink>2023-01-23 18:04:04 +0100
commitbf9e88d88f99c436ff0343842268947eec277576 (patch)
treee6eb0dafa77ca864188ccf19bce600b43411ab9a /src
parentEmoji (diff)
downloadiro-design-bf9e88d88f99c436ff0343842268947eec277576.tar.gz
iro-design-bf9e88d88f99c436ff0343842268947eec277576.tar.bz2
iro-design-bf9e88d88f99c436ff0343842268947eec277576.zip
Emoji again
Diffstat (limited to 'src')
-rw-r--r--src/objects/_emoji.scss9
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);