Style:Book sections
column-count: auto;
column-width: 21vw; /*in case browser does not support min/max*/
column-width: ~"min(max(20em, 21vw), 90vw)";
column-gap: 2em;
margin-bottom: 1em;
.book-sections-section {
display: grid;
grid-template-areas:
"h p"
"a a"
"d d";
grid-template-columns: 1fr auto;
margin-bottom: 1em;
break-inside: avoid;
&:has(+.subsection) {
margin-bottom: .5em;
}
&.subsection {
margin-left: 2em;
font-size: 90%;
}
&>.name {
grid-area: h;
font-weight: bold;
border-bottom: 1px solid lightgray;
}
&>.pages {
grid-area: p;
justify-self: end;
border-bottom: 1px solid lightgray;
padding-left: 2em;
font-size: 90%;
align-self: end;
}
&>.authors {
grid-area: a;
padding-left: 1em;
font-size: 80%;
}
&>.description {
grid-area: d;
font-size: 90%;
}
}
/*this makes the marker scale with font-size*/
ul>li::marker {
content:"• ";
}