allan/website
1
0
Fork 0
forked from data.coop/website
Code Issues Pull requests Releases Wiki Activity

Merge pull request 'Make the menu look more okay on small screens' (#74) from benjaoming/website:menu-small-displays into new

Browse source 
Reviewed-on: data.coop/website#74
This commit is contained in:
benjaoming 2023-04-02 21:50:56 +00:00
parent a9de76d2e8 b3affc1643
commit 68f4f97271
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
themes/datacoop2020/assets/static/css/style.scss
View file

@ -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 {