Mobile nav transition added

This commit is contained in:
Dmytro Barylo
2017-03-04 22:03:08 +02:00
parent 9c4df0a645
commit 350fcdab05
3 changed files with 8 additions and 5 deletions
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long
+6 -3
View File
@@ -182,15 +182,18 @@ export default {
position: fixed; position: fixed;
left: 0; left: 0;
top: 50px; top: 50px;
background: $c-white; background: rgba($c-white, 0.98);
border-top: 1px solid $c-light; border-top: 1px solid $c-light;
@include mobile-only{ @include mobile-only{
font-size: 0; font-size: 0;
display: none; opacity: 0;
visibility: hidden;
height: calc(100vh - 50px); height: calc(100vh - 50px);
transition: all 0.5s ease;
text-align: left; text-align: left;
&--active{ &--active{
display: block; opacity: 1;
visibility: visible;
} }
} }
@include tablet-min{ @include tablet-min{