wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Merge pull request #1280 from tailwindcss/shadow-sm

Browse source 
Add `shadow-sm`
This commit is contained in:
Adam Wathan 2020-01-08 10:57:23 -05:00 • committed by GitHub
commit b8d0870ab4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 121 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

60
__tests__/fixtures/tailwind-output-important.css
View file

@ -6761,6 +6761,10 @@ video {
resize: both !important;
}
.shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -6793,6 +6797,10 @@ video {
box-shadow: none !important;
}
.hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -6825,6 +6833,10 @@ video {
box-shadow: none !important;
}
.focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -16528,6 +16540,10 @@ video {
resize: both !important;
}
.sm\:shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.sm\:shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -16560,6 +16576,10 @@ video {
box-shadow: none !important;
}
.sm\:hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.sm\:hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -16592,6 +16612,10 @@ video {
box-shadow: none !important;
}
.sm\:focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.sm\:focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -26296,6 +26320,10 @@ video {
resize: both !important;
}
.md\:shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.md\:shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -26328,6 +26356,10 @@ video {
box-shadow: none !important;
}
.md\:hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.md\:hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -26360,6 +26392,10 @@ video {
box-shadow: none !important;
}
.md\:focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.md\:focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -36064,6 +36100,10 @@ video {
resize: both !important;
}
.lg\:shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.lg\:shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -36096,6 +36136,10 @@ video {
box-shadow: none !important;
}
.lg\:hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.lg\:hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -36128,6 +36172,10 @@ video {
box-shadow: none !important;
}
.lg\:focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.lg\:focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -45832,6 +45880,10 @@ video {
resize: both !important;
}
.xl\:shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.xl\:shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -45864,6 +45916,10 @@ video {
box-shadow: none !important;
}
.xl\:hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.xl\:hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
@ -45896,6 +45952,10 @@ video {
box-shadow: none !important;
}
.xl\:focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.xl\:focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

60
__tests__/fixtures/tailwind-output.css
View file

@ -6761,6 +6761,10 @@ video {
resize: both;
}
.shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -6793,6 +6797,10 @@ video {
box-shadow: none;
}
.hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -6825,6 +6833,10 @@ video {
box-shadow: none;
}
.focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -16528,6 +16540,10 @@ video {
resize: both;
}
.sm\:shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.sm\:shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -16560,6 +16576,10 @@ video {
box-shadow: none;
}
.sm\:hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.sm\:hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -16592,6 +16612,10 @@ video {
box-shadow: none;
}
.sm\:focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.sm\:focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -26296,6 +26320,10 @@ video {
resize: both;
}
.md\:shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.md\:shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -26328,6 +26356,10 @@ video {
box-shadow: none;
}
.md\:hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.md\:hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -26360,6 +26392,10 @@ video {
box-shadow: none;
}
.md\:focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.md\:focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -36064,6 +36100,10 @@ video {
resize: both;
}
.lg\:shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.lg\:shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -36096,6 +36136,10 @@ video {
box-shadow: none;
}
.lg\:hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.lg\:hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -36128,6 +36172,10 @@ video {
box-shadow: none;
}
.lg\:focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.lg\:focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -45832,6 +45880,10 @@ video {
resize: both;
}
.xl\:shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.xl\:shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -45864,6 +45916,10 @@ video {
box-shadow: none;
}
.xl\:hover\:shadow-sm:hover {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.xl\:hover\:shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@ -45896,6 +45952,10 @@ video {
box-shadow: none;
}
.xl\:focus\:shadow-sm:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.xl\:focus\:shadow:focus {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

1
stubs/defaultConfig.stub.js
View file

@ -184,6 +184,7 @@ module.exports = {
'8': '8px',
},
boxShadow: {
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.04)',
default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',