More use of preatty wrap and max line width.

This commit is contained in:
Fredrik Jonsson 2024-09-04 15:26:03 +02:00
commit 723764bad5
2 changed files with 11 additions and 0 deletions

View file

@ -13,8 +13,12 @@
blockquote {
// Add vertical rhythm margins.
@include margin-block(0 1);
// Nicer text wrap, e.g. no lone work on last line.
text-wrap: pretty;
// Also indent the quote on both sides.
margin-inline: var(--indent-amount);
// Set max text line width in main for readability.
max-width: var(--max-line-width);
}
// Lists
@ -47,6 +51,8 @@ menu {
}
li {
// Nicer text wrap, e.g. no lone work on last line.
text-wrap: pretty;
// Set max text line width in main for readability.
.main & {
max-width: var(--max-line-width);

View file

@ -36,6 +36,11 @@ figure {
&.image {
figcaption {
padding-block-start: var(--image-padding);
// Set max text line width in main for readability.
max-width: var(--max-line-width);
// Nicer text wrap, e.g. no lone work on last line.
text-wrap: pretty;
@include respond-to(s) {
display: table-caption;