diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-28 18:41:05 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-28 18:41:05 +0100 |
| commit | 40772c8e9bc4d2bc422e3fe0e690ebfd6079e867 (patch) | |
| tree | f5bfc0f4f6b1be31a47ccf8377328dbeef10c00d /src | |
| parent | nvm, non-image emojis are a pain (diff) | |
| download | iro-design-40772c8e9bc4d2bc422e3fe0e690ebfd6079e867.tar.gz iro-design-40772c8e9bc4d2bc422e3fe0e690ebfd6079e867.tar.bz2 iro-design-40772c8e9bc4d2bc422e3fe0e690ebfd6079e867.zip | |
Fox emoji
Diffstat (limited to 'src')
| -rw-r--r-- | src/objects/_emoji.scss | 12 |
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') { |