xevion/old.xevion.github.io
1
0
Fork 0
mirror of https://github.com/Xevion/old.xevion.github.io.git synced 2025-12-07 11:15:38 -06:00
Code Issues Packages Projects Releases Wiki Activity

just use one method

Browse Source
This commit is contained in:
Brittany Chiang
2016-12-27 19:08:14 -05:00
parent f14f2865d9
commit c156e3e427
4 changed files with 41 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
_scss/partials/_mobileMenu.scss
View File

@@ -59,36 +59,39 @@
visibility: hidden;
overflow: hidden;
z-index: 10;
transition: 0.3s;
&.open {
height: 100%;
z-index: 10;
opacity: 1;
visibility: visible;
overflow: hidden;
.menu-item {
animation: fadeInTop 0.5s ease forwards;
animation-delay: 0.35s;
&:nth-of-type(2) {
animation-delay: 0.4s;
}
&:nth-of-type(3) {
animation-delay: 0.45s;
}
&:nth-of-type(4) {
animation-delay: 0.5s;
}
&:nth-of-type(5) {
animation-delay: 0.55s;
}
&:nth-of-type(6) {
animation-delay: 0.6s;
}
&:nth-of-type(7) {
animation-delay: 0.65s;
transition: all 0.3s ease;
@include MQ(M) {
&.open {
height: 100%;
z-index: 10;
opacity: 1;
visibility: visible;
overflow: hidden;
.menu-item {
animation: fadeInTop 0.5s ease forwards;
animation-delay: 0.35s;
&:nth-of-type(2) {
animation-delay: 0.4s;
}
&:nth-of-type(3) {
animation-delay: 0.45s;
}
&:nth-of-type(4) {
animation-delay: 0.5s;
}
&:nth-of-type(5) {
animation-delay: 0.55s;
}
&:nth-of-type(6) {
animation-delay: 0.6s;
}
&:nth-of-type(7) {
animation-delay: 0.65s;
}
}
}
}
.logo {
color: $white;
font-family: $Chronicle, $serif-stack;