Skip to content

Commit 0603caf

Browse files
committed
Add shadow-sm
1 parent 009f52d commit 0603caf

File tree

3 files changed

+121
-0
lines changed

3 files changed

+121
-0
lines changed

__tests__/fixtures/tailwind-output-important.css

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6677,6 +6677,10 @@ video {
66776677
resize: both !important;
66786678
}
66796679

6680+
.shadow-sm {
6681+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
6682+
}
6683+
66806684
.shadow {
66816685
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
66826686
}
@@ -6709,6 +6713,10 @@ video {
67096713
box-shadow: none !important;
67106714
}
67116715

6716+
.hover\:shadow-sm:hover {
6717+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
6718+
}
6719+
67126720
.hover\:shadow:hover {
67136721
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
67146722
}
@@ -6741,6 +6749,10 @@ video {
67416749
box-shadow: none !important;
67426750
}
67436751

6752+
.focus\:shadow-sm:focus {
6753+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
6754+
}
6755+
67446756
.focus\:shadow:focus {
67456757
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
67466758
}
@@ -15947,6 +15959,10 @@ video {
1594715959
resize: both !important;
1594815960
}
1594915961

15962+
.sm\:shadow-sm {
15963+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
15964+
}
15965+
1595015966
.sm\:shadow {
1595115967
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
1595215968
}
@@ -15979,6 +15995,10 @@ video {
1597915995
box-shadow: none !important;
1598015996
}
1598115997

15998+
.sm\:hover\:shadow-sm:hover {
15999+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
16000+
}
16001+
1598216002
.sm\:hover\:shadow:hover {
1598316003
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
1598416004
}
@@ -16011,6 +16031,10 @@ video {
1601116031
box-shadow: none !important;
1601216032
}
1601316033

16034+
.sm\:focus\:shadow-sm:focus {
16035+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
16036+
}
16037+
1601416038
.sm\:focus\:shadow:focus {
1601516039
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
1601616040
}
@@ -25218,6 +25242,10 @@ video {
2521825242
resize: both !important;
2521925243
}
2522025244

25245+
.md\:shadow-sm {
25246+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
25247+
}
25248+
2522125249
.md\:shadow {
2522225250
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
2522325251
}
@@ -25250,6 +25278,10 @@ video {
2525025278
box-shadow: none !important;
2525125279
}
2525225280

25281+
.md\:hover\:shadow-sm:hover {
25282+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
25283+
}
25284+
2525325285
.md\:hover\:shadow:hover {
2525425286
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
2525525287
}
@@ -25282,6 +25314,10 @@ video {
2528225314
box-shadow: none !important;
2528325315
}
2528425316

25317+
.md\:focus\:shadow-sm:focus {
25318+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
25319+
}
25320+
2528525321
.md\:focus\:shadow:focus {
2528625322
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
2528725323
}
@@ -34489,6 +34525,10 @@ video {
3448934525
resize: both !important;
3449034526
}
3449134527

34528+
.lg\:shadow-sm {
34529+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
34530+
}
34531+
3449234532
.lg\:shadow {
3449334533
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
3449434534
}
@@ -34521,6 +34561,10 @@ video {
3452134561
box-shadow: none !important;
3452234562
}
3452334563

34564+
.lg\:hover\:shadow-sm:hover {
34565+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
34566+
}
34567+
3452434568
.lg\:hover\:shadow:hover {
3452534569
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
3452634570
}
@@ -34553,6 +34597,10 @@ video {
3455334597
box-shadow: none !important;
3455434598
}
3455534599

34600+
.lg\:focus\:shadow-sm:focus {
34601+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
34602+
}
34603+
3455634604
.lg\:focus\:shadow:focus {
3455734605
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
3455834606
}
@@ -43760,6 +43808,10 @@ video {
4376043808
resize: both !important;
4376143809
}
4376243810

43811+
.xl\:shadow-sm {
43812+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
43813+
}
43814+
4376343815
.xl\:shadow {
4376443816
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
4376543817
}
@@ -43792,6 +43844,10 @@ video {
4379243844
box-shadow: none !important;
4379343845
}
4379443846

43847+
.xl\:hover\:shadow-sm:hover {
43848+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
43849+
}
43850+
4379543851
.xl\:hover\:shadow:hover {
4379643852
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
4379743853
}
@@ -43824,6 +43880,10 @@ video {
4382443880
box-shadow: none !important;
4382543881
}
4382643882

43883+
.xl\:focus\:shadow-sm:focus {
43884+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
43885+
}
43886+
4382743887
.xl\:focus\:shadow:focus {
4382843888
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
4382943889
}

__tests__/fixtures/tailwind-output.css

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6677,6 +6677,10 @@ video {
66776677
resize: both;
66786678
}
66796679

6680+
.shadow-sm {
6681+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
6682+
}
6683+
66806684
.shadow {
66816685
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
66826686
}
@@ -6709,6 +6713,10 @@ video {
67096713
box-shadow: none;
67106714
}
67116715

6716+
.hover\:shadow-sm:hover {
6717+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
6718+
}
6719+
67126720
.hover\:shadow:hover {
67136721
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
67146722
}
@@ -6741,6 +6749,10 @@ video {
67416749
box-shadow: none;
67426750
}
67436751

6752+
.focus\:shadow-sm:focus {
6753+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
6754+
}
6755+
67446756
.focus\:shadow:focus {
67456757
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
67466758
}
@@ -15947,6 +15959,10 @@ video {
1594715959
resize: both;
1594815960
}
1594915961

15962+
.sm\:shadow-sm {
15963+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
15964+
}
15965+
1595015966
.sm\:shadow {
1595115967
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1595215968
}
@@ -15979,6 +15995,10 @@ video {
1597915995
box-shadow: none;
1598015996
}
1598115997

15998+
.sm\:hover\:shadow-sm:hover {
15999+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
16000+
}
16001+
1598216002
.sm\:hover\:shadow:hover {
1598316003
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1598416004
}
@@ -16011,6 +16031,10 @@ video {
1601116031
box-shadow: none;
1601216032
}
1601316033

16034+
.sm\:focus\:shadow-sm:focus {
16035+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
16036+
}
16037+
1601416038
.sm\:focus\:shadow:focus {
1601516039
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1601616040
}
@@ -25218,6 +25242,10 @@ video {
2521825242
resize: both;
2521925243
}
2522025244

25245+
.md\:shadow-sm {
25246+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
25247+
}
25248+
2522125249
.md\:shadow {
2522225250
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
2522325251
}
@@ -25250,6 +25278,10 @@ video {
2525025278
box-shadow: none;
2525125279
}
2525225280

25281+
.md\:hover\:shadow-sm:hover {
25282+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
25283+
}
25284+
2525325285
.md\:hover\:shadow:hover {
2525425286
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
2525525287
}
@@ -25282,6 +25314,10 @@ video {
2528225314
box-shadow: none;
2528325315
}
2528425316

25317+
.md\:focus\:shadow-sm:focus {
25318+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
25319+
}
25320+
2528525321
.md\:focus\:shadow:focus {
2528625322
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
2528725323
}
@@ -34489,6 +34525,10 @@ video {
3448934525
resize: both;
3449034526
}
3449134527

34528+
.lg\:shadow-sm {
34529+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
34530+
}
34531+
3449234532
.lg\:shadow {
3449334533
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
3449434534
}
@@ -34521,6 +34561,10 @@ video {
3452134561
box-shadow: none;
3452234562
}
3452334563

34564+
.lg\:hover\:shadow-sm:hover {
34565+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
34566+
}
34567+
3452434568
.lg\:hover\:shadow:hover {
3452534569
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
3452634570
}
@@ -34553,6 +34597,10 @@ video {
3455334597
box-shadow: none;
3455434598
}
3455534599

34600+
.lg\:focus\:shadow-sm:focus {
34601+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
34602+
}
34603+
3455634604
.lg\:focus\:shadow:focus {
3455734605
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
3455834606
}
@@ -43760,6 +43808,10 @@ video {
4376043808
resize: both;
4376143809
}
4376243810

43811+
.xl\:shadow-sm {
43812+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
43813+
}
43814+
4376343815
.xl\:shadow {
4376443816
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
4376543817
}
@@ -43792,6 +43844,10 @@ video {
4379243844
box-shadow: none;
4379343845
}
4379443846

43847+
.xl\:hover\:shadow-sm:hover {
43848+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
43849+
}
43850+
4379543851
.xl\:hover\:shadow:hover {
4379643852
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
4379743853
}
@@ -43824,6 +43880,10 @@ video {
4382443880
box-shadow: none;
4382543881
}
4382643882

43883+
.xl\:focus\:shadow-sm:focus {
43884+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
43885+
}
43886+
4382743887
.xl\:focus\:shadow:focus {
4382843888
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
4382943889
}

stubs/defaultConfig.stub.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -183,6 +183,7 @@ module.exports = {
183183
'8': '8px',
184184
},
185185
boxShadow: {
186+
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.04)',
186187
default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
187188
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
188189
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',

0 commit comments

Comments
 (0)