Skip to content

Commit dc5cc01

Browse files
adamwathanadamwathan
committed
Sort plugins more intentionally
1 parent 0727e7b commit dc5cc01

File tree

2 files changed

+98
-89
lines changed

2 files changed

+98
-89
lines changed

‎src/corePlugins/index.js‎

Lines changed: 77 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -135,16 +135,16 @@ module.exports = {
135135
}
136136
},
137137

138-
// Sorted
139138
// Base
140139
preflight: require('./preflight'),
141140

142141
// Components
143142
container: require('./container'),
144143

145144
// Utilitiles
146-
// External
147145
accessibility: require('./accessibility'),
146+
pointerEvents: require('./pointerEvents'),
147+
visibility: require('./visibility'),
148148
position: require('./position'),
149149
inset: require('./inset'),
150150
zIndex: require('./zIndex'),
@@ -155,6 +155,8 @@ module.exports = {
155155
gridRow: require('./gridRow'),
156156
gridRowEnd: require('./gridRowEnd'),
157157
gridRowStart: require('./gridRowStart'),
158+
float: require('./float'),
159+
clear: require('./clear'),
158160
margin: require('./margin'),
159161
boxSizing: require('./boxSizing'),
160162
display: require('./display'),
@@ -165,8 +167,27 @@ module.exports = {
165167
minWidth: require('./minWidth'),
166168
maxWidth: require('./maxWidth'),
167169
flex: require('./flex'),
170+
flexShrink: require('./flexShrink'),
171+
flexGrow: require('./flexGrow'),
172+
tableLayout: require('./tableLayout'),
173+
borderCollapse: require('./borderCollapse'),
174+
175+
transform: require('./transform'),
176+
transformOrigin: require('./transformOrigin'),
177+
translate: require('./translate'),
178+
rotate: require('./rotate'),
179+
skew: require('./skew'),
180+
scale: require('./scale'),
181+
182+
animation: require('./animation'),
183+
184+
cursor: require('./cursor'),
185+
userSelect: require('./userSelect'),
186+
resize: require('./resize'),
187+
188+
listStylePosition: require('./listStylePosition'),
189+
listStyleType: require('./listStyleType'),
168190

169-
// Internal
170191
appearance: require('./appearance'),
171192
gridAutoColumns: require('./gridAutoColumns'),
172193
gridAutoFlow: require('./gridAutoFlow'),
@@ -175,94 +196,82 @@ module.exports = {
175196
gridTemplateRows: require('./gridTemplateRows'),
176197
flexDirection: require('./flexDirection'),
177198
flexWrap: require('./flexWrap'),
178-
flexShrink: require('./flexShrink'),
179-
flexGrow: require('./flexGrow'),
199+
placeContent: require('./placeContent'),
180200
placeItems: require('./placeItems'),
181-
placeSelf: require('./placeSelf'),
182201
alignContent: require('./alignContent'),
183202
alignItems: require('./alignItems'),
184-
alignSelf: require('./alignSelf'),
185203
justifyContent: require('./justifyContent'),
186204
justifyItems: require('./justifyItems'),
205+
gap: require('./gap'),
206+
space: require('./space'),
207+
divideWidth: require('./divideWidth'),
208+
divideStyle: require('./divideStyle'),
209+
divideColor: require('./divideColor'),
210+
divideOpacity: require('./divideOpacity'),
211+
212+
placeSelf: require('./placeSelf'),
213+
alignSelf: require('./alignSelf'),
187214
justifySelf: require('./justifySelf'),
188-
float: require('./float'),
189215

190-
// To be sorted
191-
transform: require('./transform'),
192-
translate: require('./translate'),
193-
rotate: require('./rotate'),
194-
skew: require('./skew'),
195-
scale: require('./scale'),
196-
animation: require('./animation'),
197-
backgroundAttachment: require('./backgroundAttachment'),
198-
backgroundClip: require('./backgroundClip'),
216+
overflow: require('./overflow'),
217+
overscrollBehavior: require('./overscrollBehavior'),
218+
textOverflow: require('./textOverflow'),
219+
whitespace: require('./whitespace'),
220+
wordBreak: require('./wordBreak'),
221+
222+
borderRadius: require('./borderRadius'),
223+
borderWidth: require('./borderWidth'),
224+
borderStyle: require('./borderStyle'),
225+
borderColor: require('./borderColor'),
226+
borderOpacity: require('./borderOpacity'),
227+
199228
backgroundColor: require('./backgroundColor'),
200-
backgroundImage: require('./backgroundImage'),
201229
backgroundOpacity: require('./backgroundOpacity'),
230+
backgroundImage: require('./backgroundImage'),
231+
gradientColorStops: require('./gradientColorStops'),
232+
backgroundSize: require('./backgroundSize'),
233+
backgroundAttachment: require('./backgroundAttachment'),
234+
backgroundClip: require('./backgroundClip'),
202235
backgroundPosition: require('./backgroundPosition'),
203236
backgroundRepeat: require('./backgroundRepeat'),
204-
backgroundSize: require('./backgroundSize'),
205-
borderCollapse: require('./borderCollapse'),
206-
borderColor: require('./borderColor'),
207-
borderOpacity: require('./borderOpacity'),
208-
borderRadius: require('./borderRadius'),
209-
borderStyle: require('./borderStyle'),
210-
borderWidth: require('./borderWidth'),
211-
boxShadow: require('./boxShadow'),
212-
clear: require('./clear'),
213-
cursor: require('./cursor'),
214-
divideColor: require('./divideColor'),
215-
divideOpacity: require('./divideOpacity'),
216-
divideStyle: require('./divideStyle'),
217-
divideWidth: require('./divideWidth'),
237+
218238
fill: require('./fill'),
239+
stroke: require('./stroke'),
240+
strokeWidth: require('./strokeWidth'),
241+
242+
objectFit: require('./objectFit'),
243+
objectPosition: require('./objectPosition'),
244+
245+
padding: require('./padding'),
246+
247+
textAlign: require('./textAlign'),
248+
verticalAlign: require('./verticalAlign'),
219249
fontFamily: require('./fontFamily'),
220250
fontSize: require('./fontSize'),
221-
fontSmoothing: require('./fontSmoothing'),
251+
fontWeight: require('./fontWeight'),
252+
textTransform: require('./textTransform'),
222253
fontStyle: require('./fontStyle'),
223254
fontVariantNumeric: require('./fontVariantNumeric'),
224-
fontWeight: require('./fontWeight'),
225-
gap: require('./gap'),
226-
gradientColorStops: require('./gradientColorStops'),
227-
letterSpacing: require('./letterSpacing'),
228255
lineHeight: require('./lineHeight'),
229-
listStylePosition: require('./listStylePosition'),
230-
listStyleType: require('./listStyleType'),
231-
objectFit: require('./objectFit'),
232-
objectPosition: require('./objectPosition'),
233-
opacity: require('./opacity'),
234-
outline: require('./outline'),
235-
overflow: require('./overflow'),
236-
overscrollBehavior: require('./overscrollBehavior'),
237-
padding: require('./padding'),
238-
placeContent: require('./placeContent'),
256+
letterSpacing: require('./letterSpacing'),
257+
textColor: require('./textColor'),
258+
textOpacity: require('./textOpacity'),
259+
textDecoration: require('./textDecoration'),
260+
fontSmoothing: require('./fontSmoothing'),
239261
placeholderColor: require('./placeholderColor'),
240262
placeholderOpacity: require('./placeholderOpacity'),
241-
pointerEvents: require('./pointerEvents'),
242-
resize: require('./resize'),
263+
264+
opacity: require('./opacity'),
265+
boxShadow: require('./boxShadow'),
266+
outline: require('./outline'),
243267
ringWidth: require('./ringWidth'),
244-
ringOffsetWidth: require('./ringOffsetWidth'),
245268
ringColor: require('./ringColor'),
246-
ringOffsetColor: require('./ringOffsetColor'),
247269
ringOpacity: require('./ringOpacity'),
248-
space: require('./space'),
249-
stroke: require('./stroke'),
250-
strokeWidth: require('./strokeWidth'),
251-
tableLayout: require('./tableLayout'),
252-
textAlign: require('./textAlign'),
253-
textColor: require('./textColor'),
254-
textDecoration: require('./textDecoration'),
255-
textOpacity: require('./textOpacity'),
256-
textOverflow: require('./textOverflow'),
257-
textTransform: require('./textTransform'),
258-
transformOrigin: require('./transformOrigin'),
270+
ringOffsetWidth: require('./ringOffsetWidth'),
271+
ringOffsetColor: require('./ringOffsetColor'),
272+
273+
transitionProperty: require('./transitionProperty'),
259274
transitionDelay: require('./transitionDelay'),
260275
transitionDuration: require('./transitionDuration'),
261-
transitionProperty: require('./transitionProperty'),
262276
transitionTimingFunction: require('./transitionTimingFunction'),
263-
userSelect: require('./userSelect'),
264-
verticalAlign: require('./verticalAlign'),
265-
visibility: require('./visibility'),
266-
whitespace: require('./whitespace'),
267-
wordBreak: require('./wordBreak'),
268277
}

‎src/index.test.css‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -232,9 +232,6 @@ div {
232232
.mt-6 {
233233
margin-top: 1.5rem;
234234
}
235-
.grid-cols-\[200px\,repeat\(auto-fill\,minmax\(15\%\,100px\)\)\,300px\] {
236-
grid-template-columns: 200px repeat(auto-fill, minmax(15%, 100px)) 300px;
237-
}
238235
.transform {
239236
--tw-translate-x: 0;
240237
--tw-translate-y: 0;
@@ -251,13 +248,22 @@ div {
251248
--tw-scale-x: 0.5;
252249
--tw-scale-y: 0.5;
253250
}
251+
.grid-cols-\[200px\,repeat\(auto-fill\,minmax\(15\%\,100px\)\)\,300px\] {
252+
grid-template-columns: 200px repeat(auto-fill, minmax(15%, 100px)) 300px;
253+
}
254254
.bg-green-500 {
255255
--tw-bg-opacity: 1;
256256
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
257257
}
258258
.bg-opacity-50 {
259259
--tw-bg-opacity: 0.5;
260260
}
261+
.text-center {
262+
text-align: center;
263+
}
264+
.font-medium {
265+
font-weight: 500;
266+
}
261267
* {
262268
--tw-shadow: 0 0 #0000;
263269
}
@@ -271,9 +277,6 @@ div {
271277
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
272278
var(--tw-shadow);
273279
}
274-
.font-medium {
275-
font-weight: 500;
276-
}
277280
* {
278281
--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
279282
--tw-ring-offset-width: 0px;
@@ -282,9 +285,6 @@ div {
282285
--tw-ring-offset-shadow: 0 0 #0000;
283286
--tw-ring-shadow: 0 0 #0000;
284287
}
285-
.text-center {
286-
text-align: center;
287-
}
288288
.filter-none {
289289
filter: none;
290290
}
@@ -332,14 +332,14 @@ div {
332332
--tw-scale-x: 0.75;
333333
--tw-scale-y: 0.75;
334334
}
335+
.hover\:font-bold:hover {
336+
font-weight: 700;
337+
}
335338
.hover\:shadow-lg:hover {
336339
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
337340
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
338341
var(--tw-shadow);
339342
}
340-
.hover\:font-bold:hover {
341-
font-weight: 700;
342-
}
343343
.hover\:custom-util:hover {
344344
background: #abcdef;
345345
}
@@ -429,6 +429,9 @@ div {
429429
max-width: 1536px;
430430
}
431431
}
432+
.sm\:text-center {
433+
text-align: center;
434+
}
432435
.sm\:ordinal,
433436
.sm\:slashed-zero,
434437
.sm\:lining-nums,
@@ -448,9 +451,6 @@ div {
448451
.sm\:tabular-nums {
449452
--tw-numeric-spacing: tabular-nums;
450453
}
451-
.sm\:text-center {
452-
text-align: center;
453-
}
454454
.sm\:custom-util {
455455
background: #abcdef;
456456
}
@@ -489,16 +489,16 @@ div {
489489
max-width: 1536px;
490490
}
491491
}
492-
.md\:shadow-sm {
493-
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
494-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
495-
var(--tw-shadow);
492+
.md\:text-center {
493+
text-align: center;
496494
}
497495
.md\:opacity-50 {
498496
opacity: 0.5;
499497
}
500-
.md\:text-center {
501-
text-align: center;
498+
.md\:shadow-sm {
499+
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
500+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
501+
var(--tw-shadow);
502502
}
503503
.md\:hover\:opacity-20:hover {
504504
opacity: 0.2;

0 commit comments

Comments
 (0)