summaryrefslogtreecommitdiffstats
path: root/src/objects/_emoji.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_emoji.scss')
-rw-r--r--src/objects/_emoji.scss12
1 files changed, 6 insertions, 6 deletions
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss
index 7d03b13..027d0e4 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -22,18 +22,18 @@
22 ), 'colors'); 22 ), 'colors');
23 23
24 @include iro.bem-object(iro.props-namespace()) { 24 @include iro.bem-object(iro.props-namespace()) {
25 display: inline; 25 display: inline-block;
26 width: 1em; 26 width: fn.dim(--size);
27 height: 1em; 27 height: fn.dim(--size);
28 margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); 28 margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad));
29 padding: fn.dim(--pad); 29 padding: fn.dim(--pad);
30 font-size: fn.dim(--size); 30 vertical-align: .1em;
31 vertical-align: .15em;
32 31
33 @include iro.bem-modifier('125') { 32 @include iro.bem-modifier('125') {
33 width: fn.dim(--125 --size);
34 height: fn.dim(--125 --size);
34 margin-top: calc(-.5 * fn.dim(--125 --size)); 35 margin-top: calc(-.5 * fn.dim(--125 --size));
35 margin-bottom: calc(-.5 * fn.dim(--125 --size)); 36 margin-bottom: calc(-.5 * fn.dim(--125 --size));
36 font-size: fn.dim(--125 --size);
37 } 37 }
38 38
39 @include iro.bem-modifier('zoomable') { 39 @include iro.bem-modifier('zoomable') {