More use of preatty wrap and max line width.
This commit is contained in:
parent
5788204a7e
commit
723764bad5
2 changed files with 11 additions and 0 deletions
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue