Mirror
/
programmingfonts
mirror of https://github.com/braver/programmingfonts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

improve tiny screen layouts

This commit is contained in:
Koen Lagveen 2023-07-22 23:16:19 +02:00
parent 2b68ee9f70
commit 2dfcf29c43
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.css
View File

@ -160,6 +160,16 @@ a:active {
background: var(--bright-grey);
color: var(--dark-grey);
}
@media screen and (max-width: 56em) {
.info-wrapper {
bottom: 2rem;
}
}
@media screen and (max-height: 36em) {
.info-wrapper {
display: none;
}
}
.info-wrapper a:hover {
color: var(--ink-black);
text-decoration: underline;
@ -525,15 +535,3 @@ footer .logo:last-child {
float: none;
}
}
@media screen and (max-width: 56em) and (max-height: 36em) {
section.select-list a.website {
top: 0;
}
section.select-list .entry {
padding: 0 1em;
}
footer p:first-of-type,
footer p:first-of-type + p {
display: none;
}
}