diff options
| -rw-r--r-- | src/objects/_emoji.scss | 7 | ||||
| -rw-r--r-- | tpl/views/emoji.pug | 10 |
2 files changed, 16 insertions, 1 deletions
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index ca7a4ca..8d17212 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss | |||
| @@ -11,6 +11,11 @@ | |||
| 11 | --zoom: 3, | 11 | --zoom: 3, |
| 12 | --valign: -.25em, | 12 | --valign: -.25em, |
| 13 | 13 | ||
| 14 | --125: ( | ||
| 15 | --size: calc(1 / 14 * 23em), | ||
| 16 | --valign: -.45em, | ||
| 17 | ), | ||
| 18 | |||
| 14 | --150: ( | 19 | --150: ( |
| 15 | --size: calc(1 / 14 * 28em), | 20 | --size: calc(1 / 14 * 28em), |
| 16 | --valign: -.65em, | 21 | --valign: -.65em, |
| @@ -44,7 +49,7 @@ | |||
| 44 | vertical-align: fn.foreign-dim(--icon, --valign); | 49 | vertical-align: fn.foreign-dim(--icon, --valign); |
| 45 | } | 50 | } |
| 46 | 51 | ||
| 47 | @each $size in '150' '200' { | 52 | @each $size in '125' '150' '200' { |
| 48 | @include iro.bem-modifier($size) { | 53 | @include iro.bem-modifier($size) { |
| 49 | width: fn.dim(--#{$size} --size); | 54 | width: fn.dim(--#{$size} --size); |
| 50 | height: fn.dim(--#{$size} --size); | 55 | height: fn.dim(--#{$size} --size); |
diff --git a/tpl/views/emoji.pug b/tpl/views/emoji.pug index c1bcb5c..3d01ca7 100644 --- a/tpl/views/emoji.pug +++ b/tpl/views/emoji.pug | |||
| @@ -24,6 +24,16 @@ mixin view-emoji | |||
| 24 | .c-box | 24 | .c-box |
| 25 | =loremIpsum | 25 | =loremIpsum |
| 26 | =' ' | 26 | =' ' |
| 27 | +emoji('drgn')(size=125) | ||
| 28 | +emoji('drgn')(size=125) | ||
| 29 | =' ' | ||
| 30 | =loremIpsum | ||
| 31 | =' ' | ||
| 32 | +emoji('drgn')(zoomable=true size=125) | ||
| 33 | |||
| 34 | .c-box | ||
| 35 | =loremIpsum | ||
| 36 | =' ' | ||
| 27 | +emoji('drgn')(size=150) | 37 | +emoji('drgn')(size=150) |
| 28 | +emoji('drgn')(size=150) | 38 | +emoji('drgn')(size=150) |
| 29 | =' ' | 39 | =' ' |
