mirror of
https://github.com/KevinMidboe/seasonedRequest.git
synced 2025-10-29 18:00:13 +00:00
Mobile nav transition added
This commit is contained in:
2
dist/build.js
vendored
2
dist/build.js
vendored
File diff suppressed because one or more lines are too long
2
dist/build.js.map
vendored
2
dist/build.js.map
vendored
File diff suppressed because one or more lines are too long
@@ -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{
|
||||||
|
|||||||
Reference in New Issue
Block a user