diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-23 18:04:04 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-23 18:04:04 +0100 |
| commit | bf9e88d88f99c436ff0343842268947eec277576 (patch) | |
| tree | e6eb0dafa77ca864188ccf19bce600b43411ab9a /src/objects | |
| parent | Emoji (diff) | |
| download | iro-design-bf9e88d88f99c436ff0343842268947eec277576.tar.gz iro-design-bf9e88d88f99c436ff0343842268947eec277576.tar.bz2 iro-design-bf9e88d88f99c436ff0343842268947eec277576.zip | |
Emoji again
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_emoji.scss | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index 9fa82d6..0f878c3 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss | |||
| @@ -19,17 +19,16 @@ | |||
| 19 | 19 | ||
| 20 | @include iro.bem-object(iro.props-namespace()) { | 20 | @include iro.bem-object(iro.props-namespace()) { |
| 21 | display: inline; | 21 | display: inline; |
| 22 | position: relative; | ||
| 23 | top: calc(-.5em * fn.global-dim(--font --standard --line-height) + fn.dim(--rounding)); | ||
| 24 | width: fn.dim(--size); | 22 | width: fn.dim(--size); |
| 25 | height: fn.dim(--size); | 23 | height: fn.dim(--size); |
| 26 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); | 24 | margin: calc(-.5 * fn.dim(--size)) calc(-1 * fn.dim(--pad)); |
| 27 | padding: fn.dim(--pad); | 25 | padding: fn.dim(--pad); |
| 28 | transition: transform .2s ease, background-color .2s ease; | 26 | vertical-align: .2em; |
| 29 | border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); | ||
| 30 | vertical-align: bottom; | ||
| 31 | 27 | ||
| 32 | @include iro.bem-modifier('zoomable') { | 28 | @include iro.bem-modifier('zoomable') { |
| 29 | transition: transform .2s ease, background-color .2s ease; | ||
| 30 | border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom)); | ||
| 31 | |||
| 33 | &:hover { | 32 | &:hover { |
| 34 | transform: scale(fn.dim(--zoom)); | 33 | transform: scale(fn.dim(--zoom)); |
| 35 | background-color: fn.color(--bg); | 34 | background-color: fn.color(--bg); |
