status-im/artproject
2
0
Fork 0
mirror of https://github.com/status-im/artproject.git synced 2025-02-23 05:08:24 +00:00
Code Issues Projects Releases Wiki Activity

Return to original active class animation

Browse Source
This commit is contained in:
Maciej Matuszewski 2018-01-13 23:43:12 +01:00
parent 4b11a544df
commit 615ee3d864
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/styles/components/_nav.scss
View File

@ -68,7 +68,7 @@
z-index: -1;
content: attr(data-title);
transform: translate(-50%, -50%);
transition: transform .7s ease-out;
transition: transform .7s cubic-bezier(0, 1.54, .4, 1.7);
}
&__link::before {
@ -79,26 +79,20 @@
color: $color-blue;
}
&__link:hover::before {
&__link:hover::before,
&__link.active::before {
$transform-val: calc(-50% - #{$anim-size});
transform: translate($transform-val, $transform-val);
}
&__link:hover::after {
&__link:hover::after,
&__link.active::after {
$transform-val: calc(-50% + #{$anim-size});
transform: translate($transform-val, $transform-val);
}
&__link.active::before {
transform: translate(-50%, -50% + #{$anim-size});
}
&__link.active::after {
transform: translate(-50%, -50% + #{$anim-size * 2});
}
&__item--sub-nav {
flex-direction: column;
cursor: pointer;