From 4f88bb4ea1ed6c4b9fa0ee6a388dd9ba19ee910e Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Sun, 8 Sep 2019 17:01:28 +0300 Subject: [PATCH] scale emoji on hover --- src/components/status/status.vue | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 771615f3..5e849dd7 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -705,6 +705,14 @@ $status-margin: 0.75em; &.emoji { width: 32px; height: 32px; + transition: transform 200ms; + transform: scale(1); + z-index: 1; + + &:hover { + transform: scale(3); + z-index: 2; + } } }