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