From 41b0d0497988274057fc2512c822a6bc9d2d3ebd Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 6 Aug 2025 16:40:56 +0200 Subject: Switch to tab indentation --- src/objects/_emoji.scss | 78 ++++++++++++++++++++++++------------------------- 1 file changed, 39 insertions(+), 39 deletions(-) (limited to 'src/objects/_emoji.scss') diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index ce2dfa7..fd36535 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss @@ -8,43 +8,43 @@ @use 'emoji.vars' as vars; @mixin styles { - @include materialize-at-root(meta.module-variables('vars')); - - @include bem.object('emoji') { - position: relative; - display: inline-block; - inline-size: calc(props.get(vars.$size)); - block-size: calc(props.get(vars.$size)); - padding: calc(props.get(vars.$pad)); - margin: calc(-1 * props.get(vars.$pad)); - vertical-align: props.get(vars.$valign); - object-fit: contain; - - @include bem.modifier('icon') { - margin: calc(-1 * props.get(vars.$pad) - .5 * (props.get(vars.$size) - props.get(icon.$size))); - vertical-align: props.get(icon.$valign); - } - - @each $mod, $size, $valign in vars.$sizes { - @include bem.modifier($mod) { - inline-size: props.get($size); - block-size: props.get($size); - vertical-align: props.get($valign); - - @include bem.modifier('icon') { - margin: calc(-1 * props.get(vars.$pad) - .5 * (props.get($size) - props.get(icon.$size))); - } - } - } - - @include bem.modifier('zoomable') { - border-radius: calc(props.get(vars.$rounding) / props.get(vars.$zoom)); - transition: transform .2s ease, background-color .2s ease; - - &:hover { - background-color: props.get(vars.$bg-color); - transform: scale(props.get(vars.$zoom)); - } - } - } + @include materialize-at-root(meta.module-variables('vars')); + + @include bem.object('emoji') { + position: relative; + display: inline-block; + inline-size: calc(props.get(vars.$size)); + block-size: calc(props.get(vars.$size)); + padding: calc(props.get(vars.$pad)); + margin: calc(-1 * props.get(vars.$pad)); + vertical-align: props.get(vars.$valign); + object-fit: contain; + + @include bem.modifier('icon') { + margin: calc(-1 * props.get(vars.$pad) - .5 * (props.get(vars.$size) - props.get(icon.$size))); + vertical-align: props.get(icon.$valign); + } + + @each $mod, $size, $valign in vars.$sizes { + @include bem.modifier($mod) { + inline-size: props.get($size); + block-size: props.get($size); + vertical-align: props.get($valign); + + @include bem.modifier('icon') { + margin: calc(-1 * props.get(vars.$pad) - .5 * (props.get($size) - props.get(icon.$size))); + } + } + } + + @include bem.modifier('zoomable') { + border-radius: calc(props.get(vars.$rounding) / props.get(vars.$zoom)); + transition: transform .2s ease, background-color .2s ease; + + &:hover { + background-color: props.get(vars.$bg-color); + transform: scale(props.get(vars.$zoom)); + } + } + } } -- cgit v1.2.3-70-g09d2