diff options
-rw-r--r-- | src/objects/_emoji.scss | 2 | ||||
-rw-r--r-- | src/objects/_icon-nav.scss | 2 | ||||
-rw-r--r-- | 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 @@ | |||
23 | top: calc(-.5em * fn.global-dim(--font --standard --line-height) + fn.dim(--rounding)); | 23 | top: calc(-.5em * fn.global-dim(--font --standard --line-height) + fn.dim(--rounding)); |
24 | width: fn.dim(--size); | 24 | width: fn.dim(--size); |
25 | height: fn.dim(--size); | 25 | height: fn.dim(--size); |
26 | margin: calc(-.5 * fn.dim(--size)) 0; | 26 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); |
27 | padding: fn.dim(--pad); | 27 | padding: fn.dim(--pad); |
28 | transition: transform .2s ease, background-color .2s ease; | 28 | transition: transform .2s ease, background-color .2s ease; |
29 | border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); | 29 | 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 @@ | |||
4 | @include iro.props-namespace('icon-nav') { | 4 | @include iro.props-namespace('icon-nav') { |
5 | @include iro.props-store(( | 5 | @include iro.props-store(( |
6 | --dims: ( | 6 | --dims: ( |
7 | --spacing: fn.global-dim(--size --100), | 7 | --spacing: fn.global-dim(--size --100), |
8 | ) | 8 | ) |
9 | ), 'dims'); | 9 | ), 'dims'); |
10 | 10 | ||
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 | |||
2 | +view('emoji', 'Emoji') | 2 | +view('emoji', 'Emoji') |
3 | .c-box | 3 | .c-box |
4 | =loremIpsum | 4 | =loremIpsum |
5 | =' ' | ||
5 | +emoji('drgn') | 6 | +emoji('drgn') |
7 | +emoji('drgn') | ||
8 | =' ' | ||
6 | =loremIpsum | 9 | =loremIpsum |
10 | =' ' | ||
7 | +emoji('drgn')(zoomable=true) | 11 | +emoji('drgn')(zoomable=true) |
12 | =' ' | ||
8 | =loremIpsum | 13 | =loremIpsum |