summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_emoji.scss19
1 files changed, 15 insertions, 4 deletions
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss
index 37e1ccc..7d03b13 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -5,9 +5,13 @@
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --size: 1.4em, 7 --size: 1.4em,
8 --pad: .2em, 8 --pad: .3em,
9 --rounding: 3px, 9 --rounding: 3px,
10 --zoom: 2, 10 --zoom: 2,
11
12 --125: (
13 --size: 1.8em,
14 )
11 ) 15 )
12 ), 'dims'); 16 ), 'dims');
13 17
@@ -19,11 +23,18 @@
19 23
20 @include iro.bem-object(iro.props-namespace()) { 24 @include iro.bem-object(iro.props-namespace()) {
21 display: inline; 25 display: inline;
22 width: fn.dim(--size); 26 width: 1em;
23 height: fn.dim(--size); 27 height: 1em;
24 margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); 28 margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad));
25 padding: fn.dim(--pad); 29 padding: fn.dim(--pad);
26 vertical-align: .1em; 30 font-size: fn.dim(--size);
31 vertical-align: .15em;
32
33 @include iro.bem-modifier('125') {
34 margin-top: calc(-.5 * fn.dim(--125 --size));
35 margin-bottom: calc(-.5 * fn.dim(--125 --size));
36 font-size: fn.dim(--125 --size);
37 }
27 38
28 @include iro.bem-modifier('zoomable') { 39 @include iro.bem-modifier('zoomable') {
29 transition: transform .2s ease, background-color .2s ease; 40 transition: transform .2s ease, background-color .2s ease;