6,482
edits
No edit summary |
No edit summary |
||
Line 676: | Line 676: | ||
.box-header h4, .box-header h3 { | .box-header h4, .box-header h3 { | ||
padding-bottom: 0.1em; | padding-bottom: 0.1em; | ||
} | |||
/* Grid Templates */ | |||
.grid-3-col { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr 1fr; | |||
gap: 1em; | |||
} | |||
.grid-2-col { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
gap: 1em; | |||
} | |||
@media screen and (max-width: 800px) { | |||
.grid-3-col, | |||
.grid-2-col { | |||
grid-template-columns: 1fr; | |||
} | |||
} | |||
/* CardBook */ | |||
.card-book { | |||
display: grid; | |||
grid-template-columns: 112px 1fr; | |||
grid-template-rows: auto 1fr; | |||
grid-template-areas: | |||
"img info" | |||
"followon followon"; | |||
gap: 0.75em; | |||
padding: 0.75em; | |||
background: #e9e9e9; | |||
border-radius: 6px; | |||
} | |||
.card-book-img { | |||
grid-area: img; | |||
} | |||
.card-book-img img { | |||
border-radius: 3px; | |||
} | |||
.card-book-info { | |||
grid-area: info; | |||
} | |||
.card-book-title p, | |||
.card-book-authors p { | |||
line-height: 1.15; | |||
} | |||
.card-book-title p { | |||
margin: 0 0 0.25em; | |||
} | |||
.card-book-title a { | |||
font-weight: bold; | |||
} | |||
.card-book-authors p, | |||
.card-book-description p { | |||
margin: 0 0 0.5em; | |||
} | |||
.card-book-authors { | |||
font-size: 0.8em; | |||
} | |||
.card-book-description { | |||
line-height: 1.3; | |||
} | |||
.card-book-followon { | |||
grid-area: followon; | |||
} | |||
.card-book-followon-heading { | |||
color: #393939; | |||
font-weight: bold; | |||
line-height: 1.3; | |||
} | |||
ul.card-book-followon-list { | |||
margin: 0; | |||
} | |||
.card-book-followon-list-item { | |||
list-style: none; | |||
display: grid; | |||
grid-template-columns: 80px 1fr; | |||
gap: 0.75em; | |||
margin: 0 0 0.75em; | |||
width: 100%; | |||
} | |||
.card-book-followon-img { | |||
border-radius: 3px; | |||
} | |||
.card-book-followon-title p { | |||
margin: 0; | |||
} | } |