standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-06 23:00:28 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update CSS to improve appearance on iPad-sized screens

Browse source
This commit is contained in:
Alex Cabal 2020-09-11 23:43:54 -05:00
parent eed3355916
commit d68f86d18d
1 changed files with 25 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

38
www/css/core.css
View file

@ -728,6 +728,7 @@ article.ebook section#download li span{
article.ebook section#download li span:first-child{
padding-top: 1.8rem;
white-space: nowrap;
}
article.ebook section#download li span:nth-child(2){
@ -1359,19 +1360,7 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
}
}
@media(max-width: 860px){
article nav a[rel]{
font-size: 0;
}
article nav a[rel]::before,
article nav a[rel]::after{
font-size: 1rem;
margin: 0;
}
}
@media(max-width: 760px){
@media(max-width: 1000px){
article.ebook #more-ebooks ul{
flex-wrap: wrap;
}
@ -1412,8 +1401,31 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
white-space: pre;
margin: 0;
}
article.ebook section#download li span:nth-child(2){
display: none;
}
article.ebook section#download li span:nth-child(3){
display: block;
margin-left: 1.75rem;
padding-top: 0;
}
}
@media(max-width: 860px){
article nav a[rel]{
font-size: 0;
}
article nav a[rel]::before,
article nav a[rel]::after{
font-size: 1rem;
margin: 0;
}
}
@media(max-width: 680px){
body > header{
flex-direction: column;