Skip to content

Commit 1ffa750

Browse files
adamwathanadamwathan
authored
Merge pull request #701 from tailwindcss/new-max-width-scale
Use progressive maxWidth scale
2 parents 43ea731 + d1d9492 commit 1ffa750

File tree

3 files changed

+129
-88
lines changed

3 files changed

+129
-88
lines changed

‎__tests__/fixtures/tailwind-output-important.css

Lines changed: 60 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -3740,35 +3740,39 @@ h6 {
37403740
}
37413741

37423742
.max-w-sm {
3743-
max-width: 30rem !important;
3743+
max-width: 24rem !important;
37443744
}
37453745

37463746
.max-w-md {
3747-
max-width: 40rem !important;
3747+
max-width: 28rem !important;
37483748
}
37493749

37503750
.max-w-lg {
3751-
max-width: 50rem !important;
3751+
max-width: 32rem !important;
37523752
}
37533753

37543754
.max-w-xl {
3755-
max-width: 60rem !important;
3755+
max-width: 36rem !important;
37563756
}
37573757

37583758
.max-w-2xl {
3759-
max-width: 70rem !important;
3759+
max-width: 42rem !important;
37603760
}
37613761

37623762
.max-w-3xl {
3763-
max-width: 80rem !important;
3763+
max-width: 48rem !important;
37643764
}
37653765

37663766
.max-w-4xl {
3767-
max-width: 90rem !important;
3767+
max-width: 56rem !important;
37683768
}
37693769

37703770
.max-w-5xl {
3771-
max-width: 100rem !important;
3771+
max-width: 64rem !important;
3772+
}
3773+
3774+
.max-w-6xl {
3775+
max-width: 72rem !important;
37723776
}
37733777

37743778
.max-w-full {
@@ -9757,35 +9761,39 @@ h6 {
97579761
}
97589762

97599763
.sm\:max-w-sm {
9760-
max-width: 30rem !important;
9764+
max-width: 24rem !important;
97619765
}
97629766

97639767
.sm\:max-w-md {
9764-
max-width: 40rem !important;
9768+
max-width: 28rem !important;
97659769
}
97669770

97679771
.sm\:max-w-lg {
9768-
max-width: 50rem !important;
9772+
max-width: 32rem !important;
97699773
}
97709774

97719775
.sm\:max-w-xl {
9772-
max-width: 60rem !important;
9776+
max-width: 36rem !important;
97739777
}
97749778

97759779
.sm\:max-w-2xl {
9776-
max-width: 70rem !important;
9780+
max-width: 42rem !important;
97779781
}
97789782

97799783
.sm\:max-w-3xl {
9780-
max-width: 80rem !important;
9784+
max-width: 48rem !important;
97819785
}
97829786

97839787
.sm\:max-w-4xl {
9784-
max-width: 90rem !important;
9788+
max-width: 56rem !important;
97859789
}
97869790

97879791
.sm\:max-w-5xl {
9788-
max-width: 100rem !important;
9792+
max-width: 64rem !important;
9793+
}
9794+
9795+
.sm\:max-w-6xl {
9796+
max-width: 72rem !important;
97899797
}
97909798

97919799
.sm\:max-w-full {
@@ -15759,35 +15767,39 @@ h6 {
1575915767
}
1576015768

1576115769
.md\:max-w-sm {
15762-
max-width: 30rem !important;
15770+
max-width: 24rem !important;
1576315771
}
1576415772

1576515773
.md\:max-w-md {
15766-
max-width: 40rem !important;
15774+
max-width: 28rem !important;
1576715775
}
1576815776

1576915777
.md\:max-w-lg {
15770-
max-width: 50rem !important;
15778+
max-width: 32rem !important;
1577115779
}
1577215780

1577315781
.md\:max-w-xl {
15774-
max-width: 60rem !important;
15782+
max-width: 36rem !important;
1577515783
}
1577615784

1577715785
.md\:max-w-2xl {
15778-
max-width: 70rem !important;
15786+
max-width: 42rem !important;
1577915787
}
1578015788

1578115789
.md\:max-w-3xl {
15782-
max-width: 80rem !important;
15790+
max-width: 48rem !important;
1578315791
}
1578415792

1578515793
.md\:max-w-4xl {
15786-
max-width: 90rem !important;
15794+
max-width: 56rem !important;
1578715795
}
1578815796

1578915797
.md\:max-w-5xl {
15790-
max-width: 100rem !important;
15798+
max-width: 64rem !important;
15799+
}
15800+
15801+
.md\:max-w-6xl {
15802+
max-width: 72rem !important;
1579115803
}
1579215804

1579315805
.md\:max-w-full {
@@ -21761,35 +21773,39 @@ h6 {
2176121773
}
2176221774

2176321775
.lg\:max-w-sm {
21764-
max-width: 30rem !important;
21776+
max-width: 24rem !important;
2176521777
}
2176621778

2176721779
.lg\:max-w-md {
21768-
max-width: 40rem !important;
21780+
max-width: 28rem !important;
2176921781
}
2177021782

2177121783
.lg\:max-w-lg {
21772-
max-width: 50rem !important;
21784+
max-width: 32rem !important;
2177321785
}
2177421786

2177521787
.lg\:max-w-xl {
21776-
max-width: 60rem !important;
21788+
max-width: 36rem !important;
2177721789
}
2177821790

2177921791
.lg\:max-w-2xl {
21780-
max-width: 70rem !important;
21792+
max-width: 42rem !important;
2178121793
}
2178221794

2178321795
.lg\:max-w-3xl {
21784-
max-width: 80rem !important;
21796+
max-width: 48rem !important;
2178521797
}
2178621798

2178721799
.lg\:max-w-4xl {
21788-
max-width: 90rem !important;
21800+
max-width: 56rem !important;
2178921801
}
2179021802

2179121803
.lg\:max-w-5xl {
21792-
max-width: 100rem !important;
21804+
max-width: 64rem !important;
21805+
}
21806+
21807+
.lg\:max-w-6xl {
21808+
max-width: 72rem !important;
2179321809
}
2179421810

2179521811
.lg\:max-w-full {
@@ -27763,35 +27779,39 @@ h6 {
2776327779
}
2776427780

2776527781
.xl\:max-w-sm {
27766-
max-width: 30rem !important;
27782+
max-width: 24rem !important;
2776727783
}
2776827784

2776927785
.xl\:max-w-md {
27770-
max-width: 40rem !important;
27786+
max-width: 28rem !important;
2777127787
}
2777227788

2777327789
.xl\:max-w-lg {
27774-
max-width: 50rem !important;
27790+
max-width: 32rem !important;
2777527791
}
2777627792

2777727793
.xl\:max-w-xl {
27778-
max-width: 60rem !important;
27794+
max-width: 36rem !important;
2777927795
}
2778027796

2778127797
.xl\:max-w-2xl {
27782-
max-width: 70rem !important;
27798+
max-width: 42rem !important;
2778327799
}
2778427800

2778527801
.xl\:max-w-3xl {
27786-
max-width: 80rem !important;
27802+
max-width: 48rem !important;
2778727803
}
2778827804

2778927805
.xl\:max-w-4xl {
27790-
max-width: 90rem !important;
27806+
max-width: 56rem !important;
2779127807
}
2779227808

2779327809
.xl\:max-w-5xl {
27794-
max-width: 100rem !important;
27810+
max-width: 64rem !important;
27811+
}
27812+
27813+
.xl\:max-w-6xl {
27814+
max-width: 72rem !important;
2779527815
}
2779627816

2779727817
.xl\:max-w-full {

0 commit comments

Comments
 (0)