forked from data.coop/website
Make the menu look more okay on small screens
This commit is contained in:
parent
a9de76d2e8
commit
b3affc1643
|
@ -160,6 +160,10 @@ aside nav ol li a {
|
||||||
font-size : 2rem;
|
font-size : 2rem;
|
||||||
margin : 1.2rem 0;
|
margin : 1.2rem 0;
|
||||||
text-decoration : none;
|
text-decoration : none;
|
||||||
|
@media (max-height: 700px) {
|
||||||
|
font-size : 1.5rem;
|
||||||
|
margin : 0.5rem 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
aside nav ol li a:hover {
|
aside nav ol li a:hover {
|
||||||
|
@ -181,11 +185,18 @@ aside #menu-toggle {
|
||||||
|
|
||||||
aside nav footer {
|
aside nav footer {
|
||||||
margin : var(--base-grid) 0 0 0;
|
margin : var(--base-grid) 0 0 0;
|
||||||
|
@media (max-height: 700px) {
|
||||||
|
margin : (var(--base-grid) / 1.5) 0 0 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
aside nav footer ol li a {
|
aside nav footer ol li a {
|
||||||
font-size : 1.65rem;
|
font-size : 1.65rem;
|
||||||
margin : 1.2rem 0;
|
margin : 1.2rem 0;
|
||||||
|
@media (max-height: 700px) {
|
||||||
|
font-size : 1.2rem;
|
||||||
|
margin : 0.1rem 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
aside header a img {
|
aside header a img {
|
||||||
|
|
Loading…
Reference in a new issue