From bf9e88d88f99c436ff0343842268947eec277576 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 23 Jan 2023 18:04:04 +0100 Subject: Emoji again --- src/objects/_emoji.scss | 9 ++++----- 1 file 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 @@ @include iro.bem-object(iro.props-namespace()) { display: inline; - position: relative; - top: calc(-.5em * fn.global-dim(--font --standard --line-height) + fn.dim(--rounding)); width: fn.dim(--size); height: fn.dim(--size); margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); padding: fn.dim(--pad); - transition: transform .2s ease, background-color .2s ease; - border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); - vertical-align: bottom; + vertical-align: .2em; @include iro.bem-modifier('zoomable') { + transition: transform .2s ease, background-color .2s ease; + border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); + &:hover { transform: scale(fn.dim(--zoom)); background-color: fn.color(--bg); -- cgit v1.2.3-54-g00ecf