Emoji

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