Skip to content

Commit 8dfe518

Browse files
reininkadamwathan
authored andcommitted
Simplify margin auto utilities
1 parent ca366ee commit 8dfe518

File tree

3 files changed

+151
-175
lines changed

3 files changed

+151
-175
lines changed

__tests__/fixtures/tailwind-output.css

Lines changed: 150 additions & 150 deletions
Original file line numberDiff line numberDiff line change
@@ -2959,36 +2959,6 @@ button,
29592959
margin: 2rem;
29602960
}
29612961

2962-
.mt-px {
2963-
margin-top: 1px;
2964-
}
2965-
2966-
.mr-px {
2967-
margin-right: 1px;
2968-
}
2969-
2970-
.mb-px {
2971-
margin-bottom: 1px;
2972-
}
2973-
2974-
.ml-px {
2975-
margin-left: 1px;
2976-
}
2977-
2978-
.mx-px {
2979-
margin-left: 1px;
2980-
margin-right: 1px;
2981-
}
2982-
2983-
.my-px {
2984-
margin-top: 1px;
2985-
margin-bottom: 1px;
2986-
}
2987-
2988-
.m-px {
2989-
margin: 1px;
2990-
}
2991-
29922962
.mt-auto {
29932963
margin-top: auto;
29942964
}
@@ -3019,6 +2989,36 @@ button,
30192989
margin: auto;
30202990
}
30212991

2992+
.mt-px {
2993+
margin-top: 1px;
2994+
}
2995+
2996+
.mr-px {
2997+
margin-right: 1px;
2998+
}
2999+
3000+
.mb-px {
3001+
margin-bottom: 1px;
3002+
}
3003+
3004+
.ml-px {
3005+
margin-left: 1px;
3006+
}
3007+
3008+
.mx-px {
3009+
margin-left: 1px;
3010+
margin-right: 1px;
3011+
}
3012+
3013+
.my-px {
3014+
margin-top: 1px;
3015+
margin-bottom: 1px;
3016+
}
3017+
3018+
.m-px {
3019+
margin: 1px;
3020+
}
3021+
30223022
.-mt-0 {
30233023
margin-top: 0;
30243024
}
@@ -5919,36 +5919,6 @@ button,
59195919
margin: 2rem;
59205920
}
59215921

5922-
.sm\:mt-px {
5923-
margin-top: 1px;
5924-
}
5925-
5926-
.sm\:mr-px {
5927-
margin-right: 1px;
5928-
}
5929-
5930-
.sm\:mb-px {
5931-
margin-bottom: 1px;
5932-
}
5933-
5934-
.sm\:ml-px {
5935-
margin-left: 1px;
5936-
}
5937-
5938-
.sm\:mx-px {
5939-
margin-left: 1px;
5940-
margin-right: 1px;
5941-
}
5942-
5943-
.sm\:my-px {
5944-
margin-top: 1px;
5945-
margin-bottom: 1px;
5946-
}
5947-
5948-
.sm\:m-px {
5949-
margin: 1px;
5950-
}
5951-
59525922
.sm\:mt-auto {
59535923
margin-top: auto;
59545924
}
@@ -5979,6 +5949,36 @@ button,
59795949
margin: auto;
59805950
}
59815951

5952+
.sm\:mt-px {
5953+
margin-top: 1px;
5954+
}
5955+
5956+
.sm\:mr-px {
5957+
margin-right: 1px;
5958+
}
5959+
5960+
.sm\:mb-px {
5961+
margin-bottom: 1px;
5962+
}
5963+
5964+
.sm\:ml-px {
5965+
margin-left: 1px;
5966+
}
5967+
5968+
.sm\:mx-px {
5969+
margin-left: 1px;
5970+
margin-right: 1px;
5971+
}
5972+
5973+
.sm\:my-px {
5974+
margin-top: 1px;
5975+
margin-bottom: 1px;
5976+
}
5977+
5978+
.sm\:m-px {
5979+
margin: 1px;
5980+
}
5981+
59825982
.sm\:-mt-0 {
59835983
margin-top: 0;
59845984
}
@@ -8880,36 +8880,6 @@ button,
88808880
margin: 2rem;
88818881
}
88828882

8883-
.md\:mt-px {
8884-
margin-top: 1px;
8885-
}
8886-
8887-
.md\:mr-px {
8888-
margin-right: 1px;
8889-
}
8890-
8891-
.md\:mb-px {
8892-
margin-bottom: 1px;
8893-
}
8894-
8895-
.md\:ml-px {
8896-
margin-left: 1px;
8897-
}
8898-
8899-
.md\:mx-px {
8900-
margin-left: 1px;
8901-
margin-right: 1px;
8902-
}
8903-
8904-
.md\:my-px {
8905-
margin-top: 1px;
8906-
margin-bottom: 1px;
8907-
}
8908-
8909-
.md\:m-px {
8910-
margin: 1px;
8911-
}
8912-
89138883
.md\:mt-auto {
89148884
margin-top: auto;
89158885
}
@@ -8940,6 +8910,36 @@ button,
89408910
margin: auto;
89418911
}
89428912

8913+
.md\:mt-px {
8914+
margin-top: 1px;
8915+
}
8916+
8917+
.md\:mr-px {
8918+
margin-right: 1px;
8919+
}
8920+
8921+
.md\:mb-px {
8922+
margin-bottom: 1px;
8923+
}
8924+
8925+
.md\:ml-px {
8926+
margin-left: 1px;
8927+
}
8928+
8929+
.md\:mx-px {
8930+
margin-left: 1px;
8931+
margin-right: 1px;
8932+
}
8933+
8934+
.md\:my-px {
8935+
margin-top: 1px;
8936+
margin-bottom: 1px;
8937+
}
8938+
8939+
.md\:m-px {
8940+
margin: 1px;
8941+
}
8942+
89438943
.md\:-mt-0 {
89448944
margin-top: 0;
89458945
}
@@ -11841,36 +11841,6 @@ button,
1184111841
margin: 2rem;
1184211842
}
1184311843

11844-
.lg\:mt-px {
11845-
margin-top: 1px;
11846-
}
11847-
11848-
.lg\:mr-px {
11849-
margin-right: 1px;
11850-
}
11851-
11852-
.lg\:mb-px {
11853-
margin-bottom: 1px;
11854-
}
11855-
11856-
.lg\:ml-px {
11857-
margin-left: 1px;
11858-
}
11859-
11860-
.lg\:mx-px {
11861-
margin-left: 1px;
11862-
margin-right: 1px;
11863-
}
11864-
11865-
.lg\:my-px {
11866-
margin-top: 1px;
11867-
margin-bottom: 1px;
11868-
}
11869-
11870-
.lg\:m-px {
11871-
margin: 1px;
11872-
}
11873-
1187411844
.lg\:mt-auto {
1187511845
margin-top: auto;
1187611846
}
@@ -11901,6 +11871,36 @@ button,
1190111871
margin: auto;
1190211872
}
1190311873

11874+
.lg\:mt-px {
11875+
margin-top: 1px;
11876+
}
11877+
11878+
.lg\:mr-px {
11879+
margin-right: 1px;
11880+
}
11881+
11882+
.lg\:mb-px {
11883+
margin-bottom: 1px;
11884+
}
11885+
11886+
.lg\:ml-px {
11887+
margin-left: 1px;
11888+
}
11889+
11890+
.lg\:mx-px {
11891+
margin-left: 1px;
11892+
margin-right: 1px;
11893+
}
11894+
11895+
.lg\:my-px {
11896+
margin-top: 1px;
11897+
margin-bottom: 1px;
11898+
}
11899+
11900+
.lg\:m-px {
11901+
margin: 1px;
11902+
}
11903+
1190411904
.lg\:-mt-0 {
1190511905
margin-top: 0;
1190611906
}
@@ -14802,36 +14802,6 @@ button,
1480214802
margin: 2rem;
1480314803
}
1480414804

14805-
.xl\:mt-px {
14806-
margin-top: 1px;
14807-
}
14808-
14809-
.xl\:mr-px {
14810-
margin-right: 1px;
14811-
}
14812-
14813-
.xl\:mb-px {
14814-
margin-bottom: 1px;
14815-
}
14816-
14817-
.xl\:ml-px {
14818-
margin-left: 1px;
14819-
}
14820-
14821-
.xl\:mx-px {
14822-
margin-left: 1px;
14823-
margin-right: 1px;
14824-
}
14825-
14826-
.xl\:my-px {
14827-
margin-top: 1px;
14828-
margin-bottom: 1px;
14829-
}
14830-
14831-
.xl\:m-px {
14832-
margin: 1px;
14833-
}
14834-
1483514805
.xl\:mt-auto {
1483614806
margin-top: auto;
1483714807
}
@@ -14862,6 +14832,36 @@ button,
1486214832
margin: auto;
1486314833
}
1486414834

14835+
.xl\:mt-px {
14836+
margin-top: 1px;
14837+
}
14838+
14839+
.xl\:mr-px {
14840+
margin-right: 1px;
14841+
}
14842+
14843+
.xl\:mb-px {
14844+
margin-bottom: 1px;
14845+
}
14846+
14847+
.xl\:ml-px {
14848+
margin-left: 1px;
14849+
}
14850+
14851+
.xl\:mx-px {
14852+
margin-left: 1px;
14853+
margin-right: 1px;
14854+
}
14855+
14856+
.xl\:my-px {
14857+
margin-top: 1px;
14858+
margin-bottom: 1px;
14859+
}
14860+
14861+
.xl\:m-px {
14862+
margin: 1px;
14863+
}
14864+
1486514865
.xl\:-mt-0 {
1486614866
margin-top: 0;
1486714867
}

defaultConfig.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -644,6 +644,7 @@ module.exports = {
644644
*/
645645

646646
margin: {
647+
'auto': 'auto',
647648
'px': '1px',
648649
'0': '0',
649650
'1': '0.25rem',

0 commit comments

Comments
 (0)