73 lines
1.0 KiB
CSS
Executable File
73 lines
1.0 KiB
CSS
Executable File
/* Portables ----------- */
|
|
@media only screen
|
|
and (max-device-width : 1024px) {
|
|
/* Styles */
|
|
|
|
body {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
|
|
/* -~ HEADER ~- */
|
|
|
|
header {
|
|
position: relative;
|
|
}
|
|
|
|
/* -~ NAV ~- */
|
|
a#mobileButt {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
visibility: visible;
|
|
}
|
|
|
|
nav.navigation {
|
|
position: fixed;
|
|
display: block;
|
|
width: 100%;
|
|
max-height: 0px;
|
|
overflow: hidden;
|
|
background: #FFF;
|
|
transition: all 0.25s ease;
|
|
}
|
|
|
|
nav.navigation.open {
|
|
max-height: 100vh;
|
|
transition: all 1s ease;
|
|
}
|
|
|
|
nav.navigation ul {
|
|
list-style: none;
|
|
margin: 10% 0 0 0;
|
|
font-size: 2em;
|
|
}
|
|
|
|
nav.navigation ul li {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 5px 0 7px;
|
|
}
|
|
|
|
|
|
nav.navigation ul li.spacer {
|
|
color: #FF670F;
|
|
}
|
|
|
|
}
|
|
|
|
/* Desktops and laptops ----------- */
|
|
@media only screen
|
|
and (min-width : 1224px) {
|
|
/* Styles */
|
|
|
|
|
|
}
|
|
|
|
/* Large screens ----------- */
|
|
@media only screen
|
|
and (min-width : 1824px) {
|
|
/* Styles */
|
|
|
|
}
|