Skip to content

Commit e8a3f57

Browse files
Revise line-length style, remove text-wrap styles
1 parent 078e0ce commit e8a3f57

File tree

2 files changed

+5
-14
lines changed

2 files changed

+5
-14
lines changed

assets-src/styles/sass/30-base/_lists.scss

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,7 @@ ol {
88
padding-inline-start: 2.4em;
99

1010
li {
11-
max-inline-size: 60ch;
12-
text-wrap: pretty;
11+
max-inline-size: rem($text-measure);
1312
}
1413

1514
// > * + *,
@@ -53,8 +52,7 @@ Description lists / Definition lists
5352
*/
5453
dl {
5554
margin-block: 1rem;
56-
max-inline-size: 60ch;
57-
text-wrap: pretty;
55+
max-inline-size: rem($text-measure);
5856

5957
dt {
6058
font-weight: bold;

assets-src/styles/sass/30-base/_typography.scss

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -12,23 +12,19 @@ body {
1212

1313
p {
1414
margin-block: 1rem;
15-
max-inline-size: 60ch;
16-
text-wrap: pretty;
15+
max-inline-size: rem($text-measure);
1716
}
1817

1918

2019
h1, h2, h3, h4, h5, h6 {
2120
font-weight: $emphasis;
21+
max-inline-size: rem($text-measure);
2222
}
2323

2424
h1 {
2525
margin-block-start: 0;
2626
}
2727

28-
:where(h1, h2, h3, h4) {
29-
text-wrap: balance;
30-
}
31-
3228
:where(h2, h3, h4, h5, h6) {
3329
margin-block-end: 1rem;
3430
margin-block-start: 2em;
@@ -41,19 +37,16 @@ h1, h2, h3, h4, h5, h6 {
4137
:where(h1, .h1 .venus) {
4238
font-size: var(--w3c-text-5);
4339
line-height: 1.2;
44-
max-inline-size: 20ch;
4540
}
4641

4742
:where(h2, .h2, .txt-earth) {
4843
font-size: var(--w3c-text-4);
4944
line-height: 1.2;
50-
max-inline-size: 35ch;
5145
}
5246

5347
:where(h3, .h3, .txt-mars) {
5448
font-size: var(--w3c-text-3);
5549
line-height: 1.2;
56-
max-inline-size: 35ch;
5750
}
5851

5952
:where(h4, .h4, .txt-jupiter) {
@@ -73,7 +66,7 @@ h1, h2, h3, h4, h5, h6 {
7366
.lead {
7467
font-size: var(--w3c-text-2);
7568
line-height: 1.4;
76-
text-wrap: balance;
69+
max-inline-size: rem($text-measure);
7770
}
7871

7972
:where(.txt-pluto, .txt-eris, .text-sm) {

0 commit comments

Comments
 (0)