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

Allow hover only on larger devices

Browse Source
This commit is contained in:
Maciej Matuszewski 2018-01-13 23:53:09 +01:00
parent 615ee3d864
commit 7c7ce3bdab
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -79,14 +79,12 @@
color: $color-blue;
}
&__link:hover::before,
&__link.active::before {
$transform-val: calc(-50% - #{$anim-size});
transform: translate($transform-val, $transform-val);
}
&__link:hover::after,
&__link.active::after {
$transform-val: calc(-50% + #{$anim-size});
@ -136,5 +134,17 @@
position: static;
flex-direction: row;
}
&__link:hover::before {
$transform-val: calc(-50% - #{$anim-size});
transform: translate($transform-val, $transform-val);
}
&__link:hover::after {
$transform-val: calc(-50% + #{$anim-size});
transform: translate($transform-val, $transform-val);
}
}
}