From 44d19cf5faf41b2cd576fc353ee16cb643584fb2 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 28 Jan 2023 16:05:37 +0100 Subject: Emoji --- src/objects/_emoji.scss | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) (limited to 'src/objects') diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index 37e1ccc..7d03b13 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss @@ -5,9 +5,13 @@ @include iro.props-store(( --dims: ( --size: 1.4em, - --pad: .2em, + --pad: .3em, --rounding: 3px, --zoom: 2, + + --125: ( + --size: 1.8em, + ) ) ), 'dims'); @@ -19,11 +23,18 @@ @include iro.bem-object(iro.props-namespace()) { display: inline; - width: fn.dim(--size); - height: fn.dim(--size); + width: 1em; + height: 1em; margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); padding: fn.dim(--pad); - vertical-align: .1em; + font-size: fn.dim(--size); + vertical-align: .15em; + + @include iro.bem-modifier('125') { + margin-top: calc(-.5 * fn.dim(--125 --size)); + margin-bottom: calc(-.5 * fn.dim(--125 --size)); + font-size: fn.dim(--125 --size); + } @include iro.bem-modifier('zoomable') { transition: transform .2s ease, background-color .2s ease; -- cgit v1.2.3-70-g09d2