diff options
author | multiple creatures <dev@multiple-creature.party> | 2019-05-16 15:41:49 -0500 |
---|---|---|
committer | multiple creatures <dev@multiple-creature.party> | 2019-05-21 03:16:23 -0500 |
commit | 8a1ac197778aaf654472788d10461c855dca3b10 (patch) | |
tree | 1c9933aad0eedd917168fa022a829f74ef49e898 /app/javascript/flavours/glitch/styles/components | |
parent | 506d2e9cf05bf9c2f927d581f52e1e268b724092 (diff) |
when autoplay is off play animated emoji on hover
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/emoji.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/emoji.scss b/app/javascript/flavours/glitch/styles/components/emoji.scss index dd386d698..2d1395e4f 100644 --- a/app/javascript/flavours/glitch/styles/components/emoji.scss +++ b/app/javascript/flavours/glitch/styles/components/emoji.scss @@ -11,6 +11,20 @@ } } +.hoverplay { + background-position: center; + background-repeat: no-repeat; + background-size: 0 0; +} + +.hoverplay:hover { + background-size: contain; + position: relative; + box-sizing: border-box; + overflow: hidden; + padding-left: 16px; +} + .emoji-picker-dropdown__menu { background: $simple-background-color; position: absolute; |