From 4edf5226f9aaf23172302d966f4dc8549f5738a3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= Date: Fri, 20 May 2022 22:34:30 +0200 Subject: [PATCH] Keep Switcher on left on Photo Viewer --- src/style/molecules/_switcher.scss | 33 +++--------------------------- 1 file changed, 3 insertions(+), 30 deletions(-) diff --git a/src/style/molecules/_switcher.scss b/src/style/molecules/_switcher.scss index 7f9de53..a0b062a 100644 --- a/src/style/molecules/_switcher.scss +++ b/src/style/molecules/_switcher.scss @@ -30,7 +30,7 @@ border-radius: 12px; transform: translate3d(0, 8px, 0); box-shadow: 0 6px 6px $shadow-color, 0 12px 12px $shadow-color, 0 24px 24px $shadow-color; - transition: opacity 0.8s var(--ease-quart), transform 0.8s var(--ease-quart); + transition: opacity 0.8s var(--ease-quart), transform 0.6s var(--ease-quart); li { display: block; @@ -46,7 +46,7 @@ font-size: rem(16px); text-decoration: none; border-radius: 6px; - transition: background-color 0.4s ease-out; + transition: background-color 0.25s ease-out; &:hover { background: rgba($color-tertiary, 0.2); @@ -97,7 +97,7 @@ margin: 1.5px 0; border-radius: 100%; background: #fff; - transition: transform 0.8s var(--ease-quart); + transition: transform 0.6s var(--ease-quart); @include bp (md) { width: 6px; @@ -161,31 +161,4 @@ } } } - - // Over (for Photo viewer) - &.is-over { - top: var(--offset); - right: var(--offset); - left: auto; - bottom: auto; - - // Links - .switcher__links { - top: calc(var(--button-size) + 8px); - right: 0; - left: auto; - - @include bp (md) { - top: auto; - bottom: calc(var(--button-size) + 24px); - } - } - - @include bp (md) { - top: auto; - right: var(--offset); - left: auto; - bottom: var(--offset); - } - } } \ No newline at end of file