archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Convert 'none' to transparent shadow

Browse Source 
To make shadow comma-separated list safe.
This commit is contained in:
Adam Wathan 2020-11-09 19:10:34 -05:00
parent 3cc2f70bfe
commit 4eecc2751c
5 changed files with 97 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
__tests__/fixtures/tailwind-output-flagged.css
View File

@ -19604,7 +19604,7 @@ video {
}
.shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -19644,7 +19644,7 @@ video {
}
.focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -19684,7 +19684,7 @@ video {
}
.hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -19724,7 +19724,7 @@ video {
}
.focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -46713,7 +46713,7 @@ video {
}
.sm\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -46753,7 +46753,7 @@ video {
}
.sm\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -46793,7 +46793,7 @@ video {
}
.sm\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -46833,7 +46833,7 @@ video {
}
.sm\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -73792,7 +73792,7 @@ video {
}
.md\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -73832,7 +73832,7 @@ video {
}
.md\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -73872,7 +73872,7 @@ video {
}
.md\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -73912,7 +73912,7 @@ video {
}
.md\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -100871,7 +100871,7 @@ video {
}
.lg\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -100911,7 +100911,7 @@ video {
}
.lg\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -100951,7 +100951,7 @@ video {
}
.lg\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -100991,7 +100991,7 @@ video {
}
.lg\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -127950,7 +127950,7 @@ video {
}
.xl\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -127990,7 +127990,7 @@ video {
}
.xl\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -128030,7 +128030,7 @@ video {
}
.xl\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -128070,7 +128070,7 @@ video {
}
.xl\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -155029,7 +155029,7 @@ video {
}
.\32xl\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -155069,7 +155069,7 @@ video {
}
.\32xl\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -155109,7 +155109,7 @@ video {
}
.\32xl\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -155149,7 +155149,7 @@ video {
}
.\32xl\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}

48
__tests__/fixtures/tailwind-output-important.css
View File

@ -19604,7 +19604,7 @@ video {
}
.shadow-none {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -19644,7 +19644,7 @@ video {
}
.focus-within\:shadow-none:focus-within {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -19684,7 +19684,7 @@ video {
}
.hover\:shadow-none:hover {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -19724,7 +19724,7 @@ video {
}
.focus\:shadow-none:focus {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -46713,7 +46713,7 @@ video {
}
.sm\:shadow-none {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -46753,7 +46753,7 @@ video {
}
.sm\:focus-within\:shadow-none:focus-within {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -46793,7 +46793,7 @@ video {
}
.sm\:hover\:shadow-none:hover {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -46833,7 +46833,7 @@ video {
}
.sm\:focus\:shadow-none:focus {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -73792,7 +73792,7 @@ video {
}
.md\:shadow-none {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -73832,7 +73832,7 @@ video {
}
.md\:focus-within\:shadow-none:focus-within {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -73872,7 +73872,7 @@ video {
}
.md\:hover\:shadow-none:hover {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -73912,7 +73912,7 @@ video {
}
.md\:focus\:shadow-none:focus {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -100871,7 +100871,7 @@ video {
}
.lg\:shadow-none {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -100911,7 +100911,7 @@ video {
}
.lg\:focus-within\:shadow-none:focus-within {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -100951,7 +100951,7 @@ video {
}
.lg\:hover\:shadow-none:hover {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -100991,7 +100991,7 @@ video {
}
.lg\:focus\:shadow-none:focus {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -127950,7 +127950,7 @@ video {
}
.xl\:shadow-none {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -127990,7 +127990,7 @@ video {
}
.xl\:focus-within\:shadow-none:focus-within {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -128030,7 +128030,7 @@ video {
}
.xl\:hover\:shadow-none:hover {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -128070,7 +128070,7 @@ video {
}
.xl\:focus\:shadow-none:focus {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -155029,7 +155029,7 @@ video {
}
.\32xl\:shadow-none {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -155069,7 +155069,7 @@ video {
}
.\32xl\:focus-within\:shadow-none:focus-within {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -155109,7 +155109,7 @@ video {
}
.\32xl\:hover\:shadow-none:hover {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}
@ -155149,7 +155149,7 @@ video {
}
.\32xl\:focus\:shadow-none:focus {
--box-shadow: none !important;
--box-shadow: 0 0 #0000 !important;
box-shadow: var(--box-shadow) !important;
}

48
__tests__/fixtures/tailwind-output-no-color-opacity.css
View File

@ -17758,7 +17758,7 @@ video {
}
.shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -17798,7 +17798,7 @@ video {
}
.focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -17838,7 +17838,7 @@ video {
}
.hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -17878,7 +17878,7 @@ video {
}
.focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -42311,7 +42311,7 @@ video {
}
.sm\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -42351,7 +42351,7 @@ video {
}
.sm\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -42391,7 +42391,7 @@ video {
}
.sm\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -42431,7 +42431,7 @@ video {
}
.sm\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -66834,7 +66834,7 @@ video {
}
.md\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -66874,7 +66874,7 @@ video {
}
.md\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -66914,7 +66914,7 @@ video {
}
.md\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -66954,7 +66954,7 @@ video {
}
.md\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -91357,7 +91357,7 @@ video {
}
.lg\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -91397,7 +91397,7 @@ video {
}
.lg\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -91437,7 +91437,7 @@ video {
}
.lg\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -91477,7 +91477,7 @@ video {
}
.lg\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -115880,7 +115880,7 @@ video {
}
.xl\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -115920,7 +115920,7 @@ video {
}
.xl\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -115960,7 +115960,7 @@ video {
}
.xl\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -116000,7 +116000,7 @@ video {
}
.xl\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -140403,7 +140403,7 @@ video {
}
.\32xl\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -140443,7 +140443,7 @@ video {
}
.\32xl\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -140483,7 +140483,7 @@ video {
}
.\32xl\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -140523,7 +140523,7 @@ video {
}
.\32xl\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}

48
__tests__/fixtures/tailwind-output.css
View File

@ -19604,7 +19604,7 @@ video {
}
.shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -19644,7 +19644,7 @@ video {
}
.focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -19684,7 +19684,7 @@ video {
}
.hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -19724,7 +19724,7 @@ video {
}
.focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -46713,7 +46713,7 @@ video {
}
.sm\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -46753,7 +46753,7 @@ video {
}
.sm\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -46793,7 +46793,7 @@ video {
}
.sm\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -46833,7 +46833,7 @@ video {
}
.sm\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -73792,7 +73792,7 @@ video {
}
.md\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -73832,7 +73832,7 @@ video {
}
.md\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -73872,7 +73872,7 @@ video {
}
.md\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -73912,7 +73912,7 @@ video {
}
.md\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -100871,7 +100871,7 @@ video {
}
.lg\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -100911,7 +100911,7 @@ video {
}
.lg\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -100951,7 +100951,7 @@ video {
}
.lg\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -100991,7 +100991,7 @@ video {
}
.lg\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -127950,7 +127950,7 @@ video {
}
.xl\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -127990,7 +127990,7 @@ video {
}
.xl\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -128030,7 +128030,7 @@ video {
}
.xl\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -128070,7 +128070,7 @@ video {
}
.xl\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -155029,7 +155029,7 @@ video {
}
.\32xl\:shadow-none {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -155069,7 +155069,7 @@ video {
}
.\32xl\:focus-within\:shadow-none:focus-within {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -155109,7 +155109,7 @@ video {
}
.\32xl\:hover\:shadow-none:hover {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}
@ -155149,7 +155149,7 @@ video {
}
.\32xl\:focus\:shadow-none:focus {
--box-shadow: none;
--box-shadow: 0 0 #0000;
box-shadow: var(--box-shadow);
}

2
src/plugins/boxShadow.js
View File

@ -8,7 +8,7 @@ export default function () {
return [
nameClass('shadow', modifier),
{
'--box-shadow': value,
'--box-shadow': value === 'none' ? '0 0 #0000' : value,
'box-shadow': 'var(--box-shadow)',
},
]