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

Make anim size variable available to media queries

Browse Source
This commit is contained in:
Maciej Matuszewski 2018-01-14 00:15:30 +01:00
parent eabcce3ea6
commit 57f5fb3478
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
.nav {
$anim-size: 2px;
$_anim-size: 2px;
.nav {
height: 100%;
margin-left: auto;
@ -80,13 +80,13 @@
}
&__link.active::before {
$transform-val: calc(-50% - #{$anim-size});
$transform-val: calc(-50% - #{$_anim-size});
transform: translate($transform-val, $transform-val);
}
&__link.active::after {
$transform-val: calc(-50% + #{$anim-size});
$transform-val: calc(-50% + #{$_anim-size});
transform: translate($transform-val, $transform-val);
}
@ -136,13 +136,13 @@
}
&__link:hover::before {
$transform-val: calc(-50% - #{$anim-size});
$transform-val: calc(-50% - #{$_anim-size});
transform: translate($transform-val, $transform-val);
}
&__link:hover::after {
$transform-val: calc(-50% + #{$anim-size});
$transform-val: calc(-50% + #{$_anim-size});
transform: translate($transform-val, $transform-val);
}