|
|
@ -35,7 +35,7 @@ header {
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
/* turn the menu into a dynamic one for highly vertical devices */
|
|
|
|
/* turn the menu into a dynamic one for highly vertical devices */
|
|
|
|
@media (orientation: portrait) {
|
|
|
|
@media (orientation: portrait) {
|
|
|
|
& li { display: none; transition: display 3s ease }
|
|
|
|
& li { transition: display 3s ease; visibility: collapse }
|
|
|
|
/* TODO: try this
|
|
|
|
/* TODO: try this
|
|
|
|
transition: opacity 1s ease-out;
|
|
|
|
transition: opacity 1s ease-out;
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
@ -45,8 +45,8 @@ header {
|
|
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
|
|
height: auto;
|
|
|
|
height: auto;
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
& li.active { display: inherit }
|
|
|
|
& li.active { visibility: inherit }
|
|
|
|
&:hover li { display: block }
|
|
|
|
&:hover li { visibility: initial }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|