57 lines
1.1 KiB
CSS
57 lines
1.1 KiB
CSS
.prose {
|
|
--flow-space: var(--space-m);
|
|
--wrapper-width: 64rem;
|
|
}
|
|
|
|
.prose :is(pre, pre + *, figure, figure + *) {
|
|
--flow-space: var(--space-m-l);
|
|
}
|
|
|
|
.prose figcaption {
|
|
font-size: var(--size-step-min-1);
|
|
text-align: center;
|
|
padding-block-end: var(--space-xs);
|
|
margin-block-end: var(--space-s);
|
|
border-bottom: 1px solid var(--color-bg-accent);
|
|
}
|
|
|
|
.prose :is(h2, h3, h4) {
|
|
--flow-space: var(--space-xl);
|
|
}
|
|
|
|
.prose :is(h2 + *, h3 + *, h4 + *):not(figure) {
|
|
--flow-space: var(--space-s);
|
|
}
|
|
|
|
.prose .heading-anchor:is(:hover, :focus) {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.prose .heading-anchor {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.prose mark {
|
|
background-color: var(--color-tertiary);
|
|
color: var(--color-base-dark);
|
|
}
|
|
|
|
/* block space only for "regular lists" */
|
|
.prose :not(.cluster):not(.grid) > li + li {
|
|
padding-block-start: var(--space-s-m);
|
|
}
|
|
|
|
/* inline space only for "regular lists" */
|
|
.prose :where(ul:not(.grid), ol:not(.grid)) {
|
|
padding-inline-start: var(--space-m);
|
|
}
|
|
|
|
/* marker only for "regular lists" */
|
|
.prose :where(ul:not(.grid)) li::marker {
|
|
color: var(--color-primary);
|
|
content: '- ';
|
|
}
|
|
|
|
.prose img {
|
|
border-radius: var(--border-radius);
|
|
}
|