From acf385281ffa30ab032475a3f30c296f3a547ccd Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 23 Jan 2023 17:34:21 +0100 Subject: Emoji --- src/objects/_emoji.scss | 2 +- src/objects/_icon-nav.scss | 2 +- tpl/views/emoji.pug | 5 +++++ 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index 82c415e..9fa82d6 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss @@ -23,7 +23,7 @@ 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)) 0; + 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)); diff --git a/src/objects/_icon-nav.scss b/src/objects/_icon-nav.scss index afea9b9..d1c6539 100644 --- a/src/objects/_icon-nav.scss +++ b/src/objects/_icon-nav.scss @@ -4,7 +4,7 @@ @include iro.props-namespace('icon-nav') { @include iro.props-store(( --dims: ( - --spacing: fn.global-dim(--size --100), + --spacing: fn.global-dim(--size --100), ) ), 'dims'); diff --git a/tpl/views/emoji.pug b/tpl/views/emoji.pug index 70c13a4..0cfb3f7 100644 --- a/tpl/views/emoji.pug +++ b/tpl/views/emoji.pug @@ -2,7 +2,12 @@ mixin view-emoji +view('emoji', 'Emoji') .c-box =loremIpsum + =' ' +emoji('drgn') + +emoji('drgn') + =' ' =loremIpsum + =' ' +emoji('drgn')(zoomable=true) + =' ' =loremIpsum -- cgit v1.2.3-54-g00ecf