Skip to content

Commit 369cfae

Browse files
committed
Add "shadow-solid" utility
1 parent dddda8c commit 369cfae

5 files changed

+289
-0
lines changed

__tests__/fixtures/tailwind-output-flagged.css

+72
Original file line numberDiff line numberDiff line change
@@ -18445,6 +18445,10 @@ video {
1844518445
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
1844618446
}
1844718447

18448+
.shadow-solid {
18449+
box-shadow: 0 0 0 2px currentColor;
18450+
}
18451+
1844818452
.shadow-none {
1844918453
box-shadow: none;
1845018454
}
@@ -18485,6 +18489,10 @@ video {
1848518489
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
1848618490
}
1848718491

18492+
.hover\:shadow-solid:hover {
18493+
box-shadow: 0 0 0 2px currentColor;
18494+
}
18495+
1848818496
.hover\:shadow-none:hover {
1848918497
box-shadow: none;
1849018498
}
@@ -18525,6 +18533,10 @@ video {
1852518533
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
1852618534
}
1852718535

18536+
.focus\:shadow-solid:focus {
18537+
box-shadow: 0 0 0 2px currentColor;
18538+
}
18539+
1852818540
.focus\:shadow-none:focus {
1852918541
box-shadow: none;
1853018542
}
@@ -42910,6 +42922,10 @@ video {
4291042922
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
4291142923
}
4291242924

42925+
.sm\:shadow-solid {
42926+
box-shadow: 0 0 0 2px currentColor;
42927+
}
42928+
4291342929
.sm\:shadow-none {
4291442930
box-shadow: none;
4291542931
}
@@ -42950,6 +42966,10 @@ video {
4295042966
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
4295142967
}
4295242968

42969+
.sm\:hover\:shadow-solid:hover {
42970+
box-shadow: 0 0 0 2px currentColor;
42971+
}
42972+
4295342973
.sm\:hover\:shadow-none:hover {
4295442974
box-shadow: none;
4295542975
}
@@ -42990,6 +43010,10 @@ video {
4299043010
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
4299143011
}
4299243012

43013+
.sm\:focus\:shadow-solid:focus {
43014+
box-shadow: 0 0 0 2px currentColor;
43015+
}
43016+
4299343017
.sm\:focus\:shadow-none:focus {
4299443018
box-shadow: none;
4299543019
}
@@ -67345,6 +67369,10 @@ video {
6734567369
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
6734667370
}
6734767371

67372+
.md\:shadow-solid {
67373+
box-shadow: 0 0 0 2px currentColor;
67374+
}
67375+
6734867376
.md\:shadow-none {
6734967377
box-shadow: none;
6735067378
}
@@ -67385,6 +67413,10 @@ video {
6738567413
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
6738667414
}
6738767415

67416+
.md\:hover\:shadow-solid:hover {
67417+
box-shadow: 0 0 0 2px currentColor;
67418+
}
67419+
6738867420
.md\:hover\:shadow-none:hover {
6738967421
box-shadow: none;
6739067422
}
@@ -67425,6 +67457,10 @@ video {
6742567457
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
6742667458
}
6742767459

67460+
.md\:focus\:shadow-solid:focus {
67461+
box-shadow: 0 0 0 2px currentColor;
67462+
}
67463+
6742867464
.md\:focus\:shadow-none:focus {
6742967465
box-shadow: none;
6743067466
}
@@ -91780,6 +91816,10 @@ video {
9178091816
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
9178191817
}
9178291818

91819+
.lg\:shadow-solid {
91820+
box-shadow: 0 0 0 2px currentColor;
91821+
}
91822+
9178391823
.lg\:shadow-none {
9178491824
box-shadow: none;
9178591825
}
@@ -91820,6 +91860,10 @@ video {
9182091860
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
9182191861
}
9182291862

91863+
.lg\:hover\:shadow-solid:hover {
91864+
box-shadow: 0 0 0 2px currentColor;
91865+
}
91866+
9182391867
.lg\:hover\:shadow-none:hover {
9182491868
box-shadow: none;
9182591869
}
@@ -91860,6 +91904,10 @@ video {
9186091904
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
9186191905
}
9186291906

91907+
.lg\:focus\:shadow-solid:focus {
91908+
box-shadow: 0 0 0 2px currentColor;
91909+
}
91910+
9186391911
.lg\:focus\:shadow-none:focus {
9186491912
box-shadow: none;
9186591913
}
@@ -116215,6 +116263,10 @@ video {
116215116263
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
116216116264
}
116217116265

116266+
.xl\:shadow-solid {
116267+
box-shadow: 0 0 0 2px currentColor;
116268+
}
116269+
116218116270
.xl\:shadow-none {
116219116271
box-shadow: none;
116220116272
}
@@ -116255,6 +116307,10 @@ video {
116255116307
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
116256116308
}
116257116309

116310+
.xl\:hover\:shadow-solid:hover {
116311+
box-shadow: 0 0 0 2px currentColor;
116312+
}
116313+
116258116314
.xl\:hover\:shadow-none:hover {
116259116315
box-shadow: none;
116260116316
}
@@ -116295,6 +116351,10 @@ video {
116295116351
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
116296116352
}
116297116353

116354+
.xl\:focus\:shadow-solid:focus {
116355+
box-shadow: 0 0 0 2px currentColor;
116356+
}
116357+
116298116358
.xl\:focus\:shadow-none:focus {
116299116359
box-shadow: none;
116300116360
}
@@ -140650,6 +140710,10 @@ video {
140650140710
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
140651140711
}
140652140712

140713+
.\32xl\:shadow-solid {
140714+
box-shadow: 0 0 0 2px currentColor;
140715+
}
140716+
140653140717
.\32xl\:shadow-none {
140654140718
box-shadow: none;
140655140719
}
@@ -140690,6 +140754,10 @@ video {
140690140754
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
140691140755
}
140692140756

140757+
.\32xl\:hover\:shadow-solid:hover {
140758+
box-shadow: 0 0 0 2px currentColor;
140759+
}
140760+
140693140761
.\32xl\:hover\:shadow-none:hover {
140694140762
box-shadow: none;
140695140763
}
@@ -140730,6 +140798,10 @@ video {
140730140798
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
140731140799
}
140732140800

140801+
.\32xl\:focus\:shadow-solid:focus {
140802+
box-shadow: 0 0 0 2px currentColor;
140803+
}
140804+
140733140805
.\32xl\:focus\:shadow-none:focus {
140734140806
box-shadow: none;
140735140807
}

__tests__/fixtures/tailwind-output-important.css

+72
Original file line numberDiff line numberDiff line change
@@ -18445,6 +18445,10 @@ video {
1844518445
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
1844618446
}
1844718447

18448+
.shadow-solid {
18449+
box-shadow: 0 0 0 2px currentColor !important;
18450+
}
18451+
1844818452
.shadow-none {
1844918453
box-shadow: none !important;
1845018454
}
@@ -18485,6 +18489,10 @@ video {
1848518489
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
1848618490
}
1848718491

18492+
.hover\:shadow-solid:hover {
18493+
box-shadow: 0 0 0 2px currentColor !important;
18494+
}
18495+
1848818496
.hover\:shadow-none:hover {
1848918497
box-shadow: none !important;
1849018498
}
@@ -18525,6 +18533,10 @@ video {
1852518533
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
1852618534
}
1852718535

18536+
.focus\:shadow-solid:focus {
18537+
box-shadow: 0 0 0 2px currentColor !important;
18538+
}
18539+
1852818540
.focus\:shadow-none:focus {
1852918541
box-shadow: none !important;
1853018542
}
@@ -42910,6 +42922,10 @@ video {
4291042922
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
4291142923
}
4291242924

42925+
.sm\:shadow-solid {
42926+
box-shadow: 0 0 0 2px currentColor !important;
42927+
}
42928+
4291342929
.sm\:shadow-none {
4291442930
box-shadow: none !important;
4291542931
}
@@ -42950,6 +42966,10 @@ video {
4295042966
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
4295142967
}
4295242968

42969+
.sm\:hover\:shadow-solid:hover {
42970+
box-shadow: 0 0 0 2px currentColor !important;
42971+
}
42972+
4295342973
.sm\:hover\:shadow-none:hover {
4295442974
box-shadow: none !important;
4295542975
}
@@ -42990,6 +43010,10 @@ video {
4299043010
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
4299143011
}
4299243012

43013+
.sm\:focus\:shadow-solid:focus {
43014+
box-shadow: 0 0 0 2px currentColor !important;
43015+
}
43016+
4299343017
.sm\:focus\:shadow-none:focus {
4299443018
box-shadow: none !important;
4299543019
}
@@ -67345,6 +67369,10 @@ video {
6734567369
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
6734667370
}
6734767371

67372+
.md\:shadow-solid {
67373+
box-shadow: 0 0 0 2px currentColor !important;
67374+
}
67375+
6734867376
.md\:shadow-none {
6734967377
box-shadow: none !important;
6735067378
}
@@ -67385,6 +67413,10 @@ video {
6738567413
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
6738667414
}
6738767415

67416+
.md\:hover\:shadow-solid:hover {
67417+
box-shadow: 0 0 0 2px currentColor !important;
67418+
}
67419+
6738867420
.md\:hover\:shadow-none:hover {
6738967421
box-shadow: none !important;
6739067422
}
@@ -67425,6 +67457,10 @@ video {
6742567457
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
6742667458
}
6742767459

67460+
.md\:focus\:shadow-solid:focus {
67461+
box-shadow: 0 0 0 2px currentColor !important;
67462+
}
67463+
6742867464
.md\:focus\:shadow-none:focus {
6742967465
box-shadow: none !important;
6743067466
}
@@ -91780,6 +91816,10 @@ video {
9178091816
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
9178191817
}
9178291818

91819+
.lg\:shadow-solid {
91820+
box-shadow: 0 0 0 2px currentColor !important;
91821+
}
91822+
9178391823
.lg\:shadow-none {
9178491824
box-shadow: none !important;
9178591825
}
@@ -91820,6 +91860,10 @@ video {
9182091860
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
9182191861
}
9182291862

91863+
.lg\:hover\:shadow-solid:hover {
91864+
box-shadow: 0 0 0 2px currentColor !important;
91865+
}
91866+
9182391867
.lg\:hover\:shadow-none:hover {
9182491868
box-shadow: none !important;
9182591869
}
@@ -91860,6 +91904,10 @@ video {
9186091904
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
9186191905
}
9186291906

91907+
.lg\:focus\:shadow-solid:focus {
91908+
box-shadow: 0 0 0 2px currentColor !important;
91909+
}
91910+
9186391911
.lg\:focus\:shadow-none:focus {
9186491912
box-shadow: none !important;
9186591913
}
@@ -116215,6 +116263,10 @@ video {
116215116263
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
116216116264
}
116217116265

116266+
.xl\:shadow-solid {
116267+
box-shadow: 0 0 0 2px currentColor !important;
116268+
}
116269+
116218116270
.xl\:shadow-none {
116219116271
box-shadow: none !important;
116220116272
}
@@ -116255,6 +116307,10 @@ video {
116255116307
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
116256116308
}
116257116309

116310+
.xl\:hover\:shadow-solid:hover {
116311+
box-shadow: 0 0 0 2px currentColor !important;
116312+
}
116313+
116258116314
.xl\:hover\:shadow-none:hover {
116259116315
box-shadow: none !important;
116260116316
}
@@ -116295,6 +116351,10 @@ video {
116295116351
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
116296116352
}
116297116353

116354+
.xl\:focus\:shadow-solid:focus {
116355+
box-shadow: 0 0 0 2px currentColor !important;
116356+
}
116357+
116298116358
.xl\:focus\:shadow-none:focus {
116299116359
box-shadow: none !important;
116300116360
}
@@ -140650,6 +140710,10 @@ video {
140650140710
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
140651140711
}
140652140712

140713+
.\32xl\:shadow-solid {
140714+
box-shadow: 0 0 0 2px currentColor !important;
140715+
}
140716+
140653140717
.\32xl\:shadow-none {
140654140718
box-shadow: none !important;
140655140719
}
@@ -140690,6 +140754,10 @@ video {
140690140754
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
140691140755
}
140692140756

140757+
.\32xl\:hover\:shadow-solid:hover {
140758+
box-shadow: 0 0 0 2px currentColor !important;
140759+
}
140760+
140693140761
.\32xl\:hover\:shadow-none:hover {
140694140762
box-shadow: none !important;
140695140763
}
@@ -140730,6 +140798,10 @@ video {
140730140798
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
140731140799
}
140732140800

140801+
.\32xl\:focus\:shadow-solid:focus {
140802+
box-shadow: 0 0 0 2px currentColor !important;
140803+
}
140804+
140733140805
.\32xl\:focus\:shadow-none:focus {
140734140806
box-shadow: none !important;
140735140807
}

0 commit comments

Comments
 (0)