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

Change ebook details link to CSS grid

Browse source
This commit is contained in:
Alex Cabal 2021-01-04 12:48:21 -06:00
parent ff5ddb290f
commit a586291062
1 changed files with 14 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

31
www/css/core.css
View file

@ -814,16 +814,13 @@ article.ebook > header img{
} }
article.ebook section#details ul{ article.ebook section#details ul{
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: 1fr 1fr;
margin-top: 0; grid-gap: 1rem;
margin-left: -2rem;
} }
article.ebook section#details ul li{ article.ebook section#details ul li{
width: calc(50% - 2rem); margin: 0;
margin-top: 1rem;
margin-left: 2rem;
} }
article.ebook section#download ul{ article.ebook section#download ul{
@ -840,6 +837,10 @@ article.ebook section#download li span{
padding-top: 2rem; padding-top: 2rem;
} }
article.ebook section#download li:first-child span{
padding-top: 1rem;
}
article.ebook section#download li span:first-child{ article.ebook section#download li span:first-child{
white-space: nowrap; white-space: nowrap;
} }
@ -855,6 +856,11 @@ article.ebook section ul li a[class]{
align-items: center; align-items: center;
} }
article.ebook section#details ul li a[class]{
display: inline-flex;
align-items: flex-start;
}
article.ebook section#read-online a::before, article.ebook section#read-online a::before,
article.ebook section#download ul li a[class]::before, article.ebook section#download ul li a[class]::before,
article.ebook section#details ul li a[class]::before{ article.ebook section#details ul li a[class]::before{
@ -2152,16 +2158,7 @@ article.ebook section aside.donation p::after{
} }
article.ebook section#details ul{ article.ebook section#details ul{
flex-direction: column; grid-template-columns: 1fr;
}
article.ebook section#details ul li:first-child{
margin-top: 1rem;
}
article.ebook section#details ul li{
width: 100%;
margin-top: 2rem;
} }
article nav ol li.highlighted::before, article nav ol li.highlighted::before,