From fecf996b08e3370299b4777a9597a9df0e57939f Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Tue, 24 Apr 2018 15:20:29 +0200 Subject: [PATCH] Extendable menu bar on explore page --- styles/corner-buttons.scarlet | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/styles/corner-buttons.scarlet b/styles/corner-buttons.scarlet index 1c6c0d83..ea5e2823 100644 --- a/styles/corner-buttons.scarlet +++ b/styles/corner-buttons.scarlet @@ -20,6 +20,30 @@ mixin corner-buttons top content-padding right content-padding + .button + position absolute + opacity 0 + will-change opacity + + :first-child + opacity 1 + + :hover + .button + opacity 1 + + :nth-child(2) + transform translateX(-100%) + + :nth-child(3) + transform translateX(-200%) + + :nth-child(4) + transform translateX(-300%) + + :nth-child(5) + transform translateX(-400%) + .corner-buttons, .corner-buttons-hide-on-mobile button,