Add max-line-width 70ch for redability.
This commit is contained in:
parent
6d9eeed680
commit
bf8bfe58f4
2 changed files with 14 additions and 0 deletions
|
|
@ -123,6 +123,9 @@ $breakpoints: (
|
||||||
// The max content width.
|
// The max content width.
|
||||||
$max-content-width: 960px;
|
$max-content-width: 960px;
|
||||||
|
|
||||||
|
// The max line width for redability.
|
||||||
|
$max-line-width: 70ch;
|
||||||
|
|
||||||
// The default left/right gutter/padding.
|
// The default left/right gutter/padding.
|
||||||
$zen-gutters: 20px;
|
$zen-gutters: 20px;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -67,3 +67,14 @@ h6,
|
||||||
@include margin-bottom(1, xs);
|
@include margin-bottom(1, xs);
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Set max text line width for redability.
|
||||||
|
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6,
|
||||||
|
p {
|
||||||
|
max-width: $max-line-width;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue