mirror of
https://github.com/standardebooks/web.git
synced 2025-07-07 07:10:29 -04:00
Make placeholder outlines responsive
This commit is contained in:
parent
3b9ea27391
commit
27a83da463
1 changed files with 11 additions and 2 deletions
|
@ -1576,12 +1576,21 @@ ol.ebooks-list > li p.author a{
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ol.ebooks-list > li .thumbnail-container > a:has(.placeholder-cover){
|
||||||
|
max-width: 224px;
|
||||||
|
width: 100%; /* for responsive placeholder width */
|
||||||
|
}
|
||||||
|
|
||||||
|
ol.ebooks-list.list > li .thumbnail-container > a:has(.placeholder-cover){
|
||||||
|
width: auto; /* center the placeholder above the title in narrow list view */
|
||||||
|
}
|
||||||
|
|
||||||
.placeholder-cover{
|
.placeholder-cover{
|
||||||
|
aspect-ratio: 224 / 335;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-radius: .25rem;
|
border-radius: .25rem;
|
||||||
border: 2px dashed var(--sub-text);
|
border: 2px dashed var(--sub-text);
|
||||||
height: 331px;
|
box-sizing: border-box;
|
||||||
width: 221px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ol.ebooks-list.list .placeholder-cover{
|
ol.ebooks-list.list .placeholder-cover{
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue