Skip to content

Commit feec584

Browse files
thecrypticacethecrypticace
committed
WIP
1 parent a39a6dc commit feec584

18 files changed

+862
-156
lines changed

‎tests/apply.test.js

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -425,7 +425,9 @@ it('should remove duplicate properties when using apply with similar properties'
425425
left: 50%;
426426
--tw-translate-x: -50%;
427427
--tw-translate-y: -50%;
428-
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
428+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
429+
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
430+
scaleY(var(--tw-scale-y));
429431
}
430432
`)
431433
})
@@ -838,9 +840,9 @@ it('apply can emit defaults in isolated environments without @tailwind directive
838840
}
839841
.foo:focus {
840842
--tw-rotate: 90deg;
841-
transform: translate(var(--tw-translate-x),var(--tw-translate-y))
842-
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
843-
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
843+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
844+
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
845+
scaleY(var(--tw-scale-y));
844846
}
845847
`)
846848
})
@@ -913,9 +915,9 @@ it('apply does not emit defaults in isolated environments without optimizeUniver
913915
}
914916
.foo:focus {
915917
--tw-rotate: 90deg;
916-
transform: translate(var(--tw-translate-x),var(--tw-translate-y))
917-
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
918-
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
918+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
919+
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
920+
scaleY(var(--tw-scale-y));
919921
}
920922
`)
921923
})

‎tests/arbitrary-values.test.css

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,50 @@
1+
*,
2+
::before,
3+
::after {
4+
--tw-translate-x: 0;
5+
--tw-translate-y: 0;
6+
--tw-rotate: 0;
7+
--tw-skew-x: 0;
8+
--tw-skew-y: 0;
9+
--tw-scale-x: 1;
10+
--tw-scale-y: 1;
11+
--tw-pan-x: ;
12+
--tw-pan-y: ;
13+
--tw-pinch-zoom: ;
14+
--tw-scroll-snap-strictness: proximity;
15+
border-color: #e5e7eb;
16+
--tw-ordinal: ;
17+
--tw-slashed-zero: ;
18+
--tw-numeric-figure: ;
19+
--tw-numeric-spacing: ;
20+
--tw-numeric-fraction: ;
21+
--tw-ring-inset: ;
22+
--tw-ring-offset-width: 0px;
23+
--tw-ring-offset-color: #fff;
24+
--tw-ring-color: rgb(59 130 246 / 0.5);
25+
--tw-ring-offset-shadow: 0 0 #0000;
26+
--tw-ring-shadow: 0 0 #0000;
27+
--tw-shadow: 0 0 #0000;
28+
--tw-shadow-colored: 0 0 #0000;
29+
--tw-blur: ;
30+
--tw-brightness: ;
31+
--tw-contrast: ;
32+
--tw-grayscale: ;
33+
--tw-hue-rotate: ;
34+
--tw-invert: ;
35+
--tw-saturate: ;
36+
--tw-sepia: ;
37+
--tw-drop-shadow: ;
38+
--tw-backdrop-blur: ;
39+
--tw-backdrop-brightness: ;
40+
--tw-backdrop-contrast: ;
41+
--tw-backdrop-grayscale: ;
42+
--tw-backdrop-hue-rotate: ;
43+
--tw-backdrop-invert: ;
44+
--tw-backdrop-opacity: ;
45+
--tw-backdrop-saturate: ;
46+
--tw-backdrop-sepia: ;
47+
}
148
.inset-\[11px\] {
249
top: 11px;
350
right: 11px;

‎tests/arbitrary-values.test.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -213,7 +213,9 @@ it('should convert _ to spaces', () => {
213213
214214
.drop-shadow-\\[0px_1px_3px_black\\] {
215215
--tw-drop-shadow: drop-shadow(0px 1px 3px black);
216-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
216+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
217+
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia)
218+
var(--tw-drop-shadow);
217219
}
218220
219221
.content-\\[_hello_world_\\] {

‎tests/collapse-adjacent-rules.test.css

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,50 @@
1+
*,
2+
::before,
3+
::after {
4+
--tw-translate-x: 0;
5+
--tw-translate-y: 0;
6+
--tw-rotate: 0;
7+
--tw-skew-x: 0;
8+
--tw-skew-y: 0;
9+
--tw-scale-x: 1;
10+
--tw-scale-y: 1;
11+
--tw-pan-x: ;
12+
--tw-pan-y: ;
13+
--tw-pinch-zoom: ;
14+
--tw-scroll-snap-strictness: proximity;
15+
border-color: #e5e7eb;
16+
--tw-ordinal: ;
17+
--tw-slashed-zero: ;
18+
--tw-numeric-figure: ;
19+
--tw-numeric-spacing: ;
20+
--tw-numeric-fraction: ;
21+
--tw-ring-inset: ;
22+
--tw-ring-offset-width: 0px;
23+
--tw-ring-offset-color: #fff;
24+
--tw-ring-color: rgb(59 130 246 / 0.5);
25+
--tw-ring-offset-shadow: 0 0 #0000;
26+
--tw-ring-shadow: 0 0 #0000;
27+
--tw-shadow: 0 0 #0000;
28+
--tw-shadow-colored: 0 0 #0000;
29+
--tw-blur: ;
30+
--tw-brightness: ;
31+
--tw-contrast: ;
32+
--tw-grayscale: ;
33+
--tw-hue-rotate: ;
34+
--tw-invert: ;
35+
--tw-saturate: ;
36+
--tw-sepia: ;
37+
--tw-drop-shadow: ;
38+
--tw-backdrop-blur: ;
39+
--tw-backdrop-brightness: ;
40+
--tw-backdrop-contrast: ;
41+
--tw-backdrop-grayscale: ;
42+
--tw-backdrop-hue-rotate: ;
43+
--tw-backdrop-invert: ;
44+
--tw-backdrop-opacity: ;
45+
--tw-backdrop-saturate: ;
46+
--tw-backdrop-sepia: ;
47+
}
148
@font-face {
249
font-family: 'Poppins';
350
src: url('/fonts/Poppins.woff2') format('woff2'), url('/fonts/Poppins.woff') format('woff');

‎tests/custom-plugins.test.js

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -245,6 +245,54 @@ test('plugins can add base styles with object syntax', () => {
245245
button {
246246
font-family: inherit;
247247
}
248+
249+
*,
250+
::before,
251+
::after {
252+
--tw-translate-x: 0;
253+
--tw-translate-y: 0;
254+
--tw-rotate: 0;
255+
--tw-skew-x: 0;
256+
--tw-skew-y: 0;
257+
--tw-scale-x: 1;
258+
--tw-scale-y: 1;
259+
--tw-pan-x: ;
260+
--tw-pan-y: ;
261+
--tw-pinch-zoom: ;
262+
--tw-scroll-snap-strictness: proximity;
263+
border-color: #e5e7eb;
264+
--tw-ordinal: ;
265+
--tw-slashed-zero: ;
266+
--tw-numeric-figure: ;
267+
--tw-numeric-spacing: ;
268+
--tw-numeric-fraction: ;
269+
--tw-ring-inset: ;
270+
--tw-ring-offset-width: 0px;
271+
--tw-ring-offset-color: #fff;
272+
--tw-ring-color: rgb(59 130 246 / 0.5);
273+
--tw-ring-offset-shadow: 0 0 #0000;
274+
--tw-ring-shadow: 0 0 #0000;
275+
--tw-shadow: 0 0 #0000;
276+
--tw-shadow-colored: 0 0 #0000;
277+
--tw-blur: ;
278+
--tw-brightness: ;
279+
--tw-contrast: ;
280+
--tw-grayscale: ;
281+
--tw-hue-rotate: ;
282+
--tw-invert: ;
283+
--tw-saturate: ;
284+
--tw-sepia: ;
285+
--tw-drop-shadow: ;
286+
--tw-backdrop-blur: ;
287+
--tw-backdrop-brightness: ;
288+
--tw-backdrop-contrast: ;
289+
--tw-backdrop-grayscale: ;
290+
--tw-backdrop-hue-rotate: ;
291+
--tw-backdrop-invert: ;
292+
--tw-backdrop-opacity: ;
293+
--tw-backdrop-saturate: ;
294+
--tw-backdrop-sepia: ;
295+
}
248296
`)
249297
})
250298
})
@@ -285,6 +333,53 @@ test('plugins can add base styles with raw PostCSS nodes', () => {
285333
button {
286334
font-family: inherit;
287335
}
336+
*,
337+
::before,
338+
::after {
339+
--tw-translate-x: 0;
340+
--tw-translate-y: 0;
341+
--tw-rotate: 0;
342+
--tw-skew-x: 0;
343+
--tw-skew-y: 0;
344+
--tw-scale-x: 1;
345+
--tw-scale-y: 1;
346+
--tw-pan-x: ;
347+
--tw-pan-y: ;
348+
--tw-pinch-zoom: ;
349+
--tw-scroll-snap-strictness: proximity;
350+
border-color: #e5e7eb;
351+
--tw-ordinal: ;
352+
--tw-slashed-zero: ;
353+
--tw-numeric-figure: ;
354+
--tw-numeric-spacing: ;
355+
--tw-numeric-fraction: ;
356+
--tw-ring-inset: ;
357+
--tw-ring-offset-width: 0px;
358+
--tw-ring-offset-color: #fff;
359+
--tw-ring-color: rgb(59 130 246 / 0.5);
360+
--tw-ring-offset-shadow: 0 0 #0000;
361+
--tw-ring-shadow: 0 0 #0000;
362+
--tw-shadow: 0 0 #0000;
363+
--tw-shadow-colored: 0 0 #0000;
364+
--tw-blur: ;
365+
--tw-brightness: ;
366+
--tw-contrast: ;
367+
--tw-grayscale: ;
368+
--tw-hue-rotate: ;
369+
--tw-invert: ;
370+
--tw-saturate: ;
371+
--tw-sepia: ;
372+
--tw-drop-shadow: ;
373+
--tw-backdrop-blur: ;
374+
--tw-backdrop-brightness: ;
375+
--tw-backdrop-contrast: ;
376+
--tw-backdrop-grayscale: ;
377+
--tw-backdrop-hue-rotate: ;
378+
--tw-backdrop-invert: ;
379+
--tw-backdrop-opacity: ;
380+
--tw-backdrop-saturate: ;
381+
--tw-backdrop-sepia: ;
382+
}
288383
`)
289384
})
290385
})

0 commit comments

Comments
 (0)