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

Merge pull request #1438 from philippbosch/current-color

Browse Source 
Add `current` to default color palette
This commit is contained in:
Adam Wathan 2020-03-23 11:50:07 -04:00 committed by GitHub
commit 801caa69cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 441 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -672,6 +672,10 @@ video {
background-color: transparent !important;
}
.bg-current {
background-color: currentColor !important;
}
.bg-black {
background-color: #000 !important;
}
@ -1044,6 +1048,10 @@ video {
background-color: transparent !important;
}
.hover\:bg-current:hover {
background-color: currentColor !important;
}
.hover\:bg-black:hover {
background-color: #000 !important;
}
@ -1416,6 +1424,10 @@ video {
background-color: transparent !important;
}
.focus\:bg-current:focus {
background-color: currentColor !important;
}
.focus\:bg-black:focus {
background-color: #000 !important;
}
@ -1868,6 +1880,10 @@ video {
border-color: transparent !important;
}
.border-current {
border-color: currentColor !important;
}
.border-black {
border-color: #000 !important;
}
@ -2240,6 +2256,10 @@ video {
border-color: transparent !important;
}
.hover\:border-current:hover {
border-color: currentColor !important;
}
.hover\:border-black:hover {
border-color: #000 !important;
}
@ -2612,6 +2632,10 @@ video {
border-color: transparent !important;
}
.focus\:border-current:focus {
border-color: currentColor !important;
}
.focus\:border-black:focus {
border-color: #000 !important;
}
@ -5956,6 +5980,10 @@ video {
color: transparent !important;
}
.placeholder-current::placeholder {
color: currentColor !important;
}
.placeholder-black::placeholder {
color: #000 !important;
}
@ -6328,6 +6356,10 @@ video {
color: transparent !important;
}
.focus\:placeholder-current:focus::placeholder {
color: currentColor !important;
}
.focus\:placeholder-black:focus::placeholder {
color: #000 !important;
}
@ -6974,6 +7006,10 @@ video {
color: transparent !important;
}
.text-current {
color: currentColor !important;
}
.text-black {
color: #000 !important;
}
@ -7346,6 +7382,10 @@ video {
color: transparent !important;
}
.hover\:text-current:hover {
color: currentColor !important;
}
.hover\:text-black:hover {
color: #000 !important;
}
@ -7718,6 +7758,10 @@ video {
color: transparent !important;
}
.focus\:text-current:focus {
color: currentColor !important;
}
.focus\:text-black:focus {
color: #000 !important;
}
@ -11021,6 +11065,10 @@ video {
background-color: transparent !important;
}
.sm\:bg-current {
background-color: currentColor !important;
}
.sm\:bg-black {
background-color: #000 !important;
}
@ -11393,6 +11441,10 @@ video {
background-color: transparent !important;
}
.sm\:hover\:bg-current:hover {
background-color: currentColor !important;
}
.sm\:hover\:bg-black:hover {
background-color: #000 !important;
}
@ -11765,6 +11817,10 @@ video {
background-color: transparent !important;
}
.sm\:focus\:bg-current:focus {
background-color: currentColor !important;
}
.sm\:focus\:bg-black:focus {
background-color: #000 !important;
}
@ -12217,6 +12273,10 @@ video {
border-color: transparent !important;
}
.sm\:border-current {
border-color: currentColor !important;
}
.sm\:border-black {
border-color: #000 !important;
}
@ -12589,6 +12649,10 @@ video {
border-color: transparent !important;
}
.sm\:hover\:border-current:hover {
border-color: currentColor !important;
}
.sm\:hover\:border-black:hover {
border-color: #000 !important;
}
@ -12961,6 +13025,10 @@ video {
border-color: transparent !important;
}
.sm\:focus\:border-current:focus {
border-color: currentColor !important;
}
.sm\:focus\:border-black:focus {
border-color: #000 !important;
}
@ -16305,6 +16373,10 @@ video {
color: transparent !important;
}
.sm\:placeholder-current::placeholder {
color: currentColor !important;
}
.sm\:placeholder-black::placeholder {
color: #000 !important;
}
@ -16677,6 +16749,10 @@ video {
color: transparent !important;
}
.sm\:focus\:placeholder-current:focus::placeholder {
color: currentColor !important;
}
.sm\:focus\:placeholder-black:focus::placeholder {
color: #000 !important;
}
@ -17323,6 +17399,10 @@ video {
color: transparent !important;
}
.sm\:text-current {
color: currentColor !important;
}
.sm\:text-black {
color: #000 !important;
}
@ -17695,6 +17775,10 @@ video {
color: transparent !important;
}
.sm\:hover\:text-current:hover {
color: currentColor !important;
}
.sm\:hover\:text-black:hover {
color: #000 !important;
}
@ -18067,6 +18151,10 @@ video {
color: transparent !important;
}
.sm\:focus\:text-current:focus {
color: currentColor !important;
}
.sm\:focus\:text-black:focus {
color: #000 !important;
}
@ -21371,6 +21459,10 @@ video {
background-color: transparent !important;
}
.md\:bg-current {
background-color: currentColor !important;
}
.md\:bg-black {
background-color: #000 !important;
}
@ -21743,6 +21835,10 @@ video {
background-color: transparent !important;
}
.md\:hover\:bg-current:hover {
background-color: currentColor !important;
}
.md\:hover\:bg-black:hover {
background-color: #000 !important;
}
@ -22115,6 +22211,10 @@ video {
background-color: transparent !important;
}
.md\:focus\:bg-current:focus {
background-color: currentColor !important;
}
.md\:focus\:bg-black:focus {
background-color: #000 !important;
}
@ -22567,6 +22667,10 @@ video {
border-color: transparent !important;
}
.md\:border-current {
border-color: currentColor !important;
}
.md\:border-black {
border-color: #000 !important;
}
@ -22939,6 +23043,10 @@ video {
border-color: transparent !important;
}
.md\:hover\:border-current:hover {
border-color: currentColor !important;
}
.md\:hover\:border-black:hover {
border-color: #000 !important;
}
@ -23311,6 +23419,10 @@ video {
border-color: transparent !important;
}
.md\:focus\:border-current:focus {
border-color: currentColor !important;
}
.md\:focus\:border-black:focus {
border-color: #000 !important;
}
@ -26655,6 +26767,10 @@ video {
color: transparent !important;
}
.md\:placeholder-current::placeholder {
color: currentColor !important;
}
.md\:placeholder-black::placeholder {
color: #000 !important;
}
@ -27027,6 +27143,10 @@ video {
color: transparent !important;
}
.md\:focus\:placeholder-current:focus::placeholder {
color: currentColor !important;
}
.md\:focus\:placeholder-black:focus::placeholder {
color: #000 !important;
}
@ -27673,6 +27793,10 @@ video {
color: transparent !important;
}
.md\:text-current {
color: currentColor !important;
}
.md\:text-black {
color: #000 !important;
}
@ -28045,6 +28169,10 @@ video {
color: transparent !important;
}
.md\:hover\:text-current:hover {
color: currentColor !important;
}
.md\:hover\:text-black:hover {
color: #000 !important;
}
@ -28417,6 +28545,10 @@ video {
color: transparent !important;
}
.md\:focus\:text-current:focus {
color: currentColor !important;
}
.md\:focus\:text-black:focus {
color: #000 !important;
}
@ -31721,6 +31853,10 @@ video {
background-color: transparent !important;
}
.lg\:bg-current {
background-color: currentColor !important;
}
.lg\:bg-black {
background-color: #000 !important;
}
@ -32093,6 +32229,10 @@ video {
background-color: transparent !important;
}
.lg\:hover\:bg-current:hover {
background-color: currentColor !important;
}
.lg\:hover\:bg-black:hover {
background-color: #000 !important;
}
@ -32465,6 +32605,10 @@ video {
background-color: transparent !important;
}
.lg\:focus\:bg-current:focus {
background-color: currentColor !important;
}
.lg\:focus\:bg-black:focus {
background-color: #000 !important;
}
@ -32917,6 +33061,10 @@ video {
border-color: transparent !important;
}
.lg\:border-current {
border-color: currentColor !important;
}
.lg\:border-black {
border-color: #000 !important;
}
@ -33289,6 +33437,10 @@ video {
border-color: transparent !important;
}
.lg\:hover\:border-current:hover {
border-color: currentColor !important;
}
.lg\:hover\:border-black:hover {
border-color: #000 !important;
}
@ -33661,6 +33813,10 @@ video {
border-color: transparent !important;
}
.lg\:focus\:border-current:focus {
border-color: currentColor !important;
}
.lg\:focus\:border-black:focus {
border-color: #000 !important;
}
@ -37005,6 +37161,10 @@ video {
color: transparent !important;
}
.lg\:placeholder-current::placeholder {
color: currentColor !important;
}
.lg\:placeholder-black::placeholder {
color: #000 !important;
}
@ -37377,6 +37537,10 @@ video {
color: transparent !important;
}
.lg\:focus\:placeholder-current:focus::placeholder {
color: currentColor !important;
}
.lg\:focus\:placeholder-black:focus::placeholder {
color: #000 !important;
}
@ -38023,6 +38187,10 @@ video {
color: transparent !important;
}
.lg\:text-current {
color: currentColor !important;
}
.lg\:text-black {
color: #000 !important;
}
@ -38395,6 +38563,10 @@ video {
color: transparent !important;
}
.lg\:hover\:text-current:hover {
color: currentColor !important;
}
.lg\:hover\:text-black:hover {
color: #000 !important;
}
@ -38767,6 +38939,10 @@ video {
color: transparent !important;
}
.lg\:focus\:text-current:focus {
color: currentColor !important;
}
.lg\:focus\:text-black:focus {
color: #000 !important;
}
@ -42071,6 +42247,10 @@ video {
background-color: transparent !important;
}
.xl\:bg-current {
background-color: currentColor !important;
}
.xl\:bg-black {
background-color: #000 !important;
}
@ -42443,6 +42623,10 @@ video {
background-color: transparent !important;
}
.xl\:hover\:bg-current:hover {
background-color: currentColor !important;
}
.xl\:hover\:bg-black:hover {
background-color: #000 !important;
}
@ -42815,6 +42999,10 @@ video {
background-color: transparent !important;
}
.xl\:focus\:bg-current:focus {
background-color: currentColor !important;
}
.xl\:focus\:bg-black:focus {
background-color: #000 !important;
}
@ -43267,6 +43455,10 @@ video {
border-color: transparent !important;
}
.xl\:border-current {
border-color: currentColor !important;
}
.xl\:border-black {
border-color: #000 !important;
}
@ -43639,6 +43831,10 @@ video {
border-color: transparent !important;
}
.xl\:hover\:border-current:hover {
border-color: currentColor !important;
}
.xl\:hover\:border-black:hover {
border-color: #000 !important;
}
@ -44011,6 +44207,10 @@ video {
border-color: transparent !important;
}
.xl\:focus\:border-current:focus {
border-color: currentColor !important;
}
.xl\:focus\:border-black:focus {
border-color: #000 !important;
}
@ -47355,6 +47555,10 @@ video {
color: transparent !important;
}
.xl\:placeholder-current::placeholder {
color: currentColor !important;
}
.xl\:placeholder-black::placeholder {
color: #000 !important;
}
@ -47727,6 +47931,10 @@ video {
color: transparent !important;
}
.xl\:focus\:placeholder-current:focus::placeholder {
color: currentColor !important;
}
.xl\:focus\:placeholder-black:focus::placeholder {
color: #000 !important;
}
@ -48373,6 +48581,10 @@ video {
color: transparent !important;
}
.xl\:text-current {
color: currentColor !important;
}
.xl\:text-black {
color: #000 !important;
}
@ -48745,6 +48957,10 @@ video {
color: transparent !important;
}
.xl\:hover\:text-current:hover {
color: currentColor !important;
}
.xl\:hover\:text-black:hover {
color: #000 !important;
}
@ -49117,6 +49333,10 @@ video {
color: transparent !important;
}
.xl\:focus\:text-current:focus {
color: currentColor !important;
}
.xl\:focus\:text-black:focus {
color: #000 !important;
}

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

@ -672,6 +672,10 @@ video {
background-color: transparent;
}
.bg-current {
background-color: currentColor;
}
.bg-black {
background-color: #000;
}
@ -1044,6 +1048,10 @@ video {
background-color: transparent;
}
.hover\:bg-current:hover {
background-color: currentColor;
}
.hover\:bg-black:hover {
background-color: #000;
}
@ -1416,6 +1424,10 @@ video {
background-color: transparent;
}
.focus\:bg-current:focus {
background-color: currentColor;
}
.focus\:bg-black:focus {
background-color: #000;
}
@ -1868,6 +1880,10 @@ video {
border-color: transparent;
}
.border-current {
border-color: currentColor;
}
.border-black {
border-color: #000;
}
@ -2240,6 +2256,10 @@ video {
border-color: transparent;
}
.hover\:border-current:hover {
border-color: currentColor;
}
.hover\:border-black:hover {
border-color: #000;
}
@ -2612,6 +2632,10 @@ video {
border-color: transparent;
}
.focus\:border-current:focus {
border-color: currentColor;
}
.focus\:border-black:focus {
border-color: #000;
}
@ -5956,6 +5980,10 @@ video {
color: transparent;
}
.placeholder-current::placeholder {
color: currentColor;
}
.placeholder-black::placeholder {
color: #000;
}
@ -6328,6 +6356,10 @@ video {
color: transparent;
}
.focus\:placeholder-current:focus::placeholder {
color: currentColor;
}
.focus\:placeholder-black:focus::placeholder {
color: #000;
}
@ -6974,6 +7006,10 @@ video {
color: transparent;
}
.text-current {
color: currentColor;
}
.text-black {
color: #000;
}
@ -7346,6 +7382,10 @@ video {
color: transparent;
}
.hover\:text-current:hover {
color: currentColor;
}
.hover\:text-black:hover {
color: #000;
}
@ -7718,6 +7758,10 @@ video {
color: transparent;
}
.focus\:text-current:focus {
color: currentColor;
}
.focus\:text-black:focus {
color: #000;
}
@ -11021,6 +11065,10 @@ video {
background-color: transparent;
}
.sm\:bg-current {
background-color: currentColor;
}
.sm\:bg-black {
background-color: #000;
}
@ -11393,6 +11441,10 @@ video {
background-color: transparent;
}
.sm\:hover\:bg-current:hover {
background-color: currentColor;
}
.sm\:hover\:bg-black:hover {
background-color: #000;
}
@ -11765,6 +11817,10 @@ video {
background-color: transparent;
}
.sm\:focus\:bg-current:focus {
background-color: currentColor;
}
.sm\:focus\:bg-black:focus {
background-color: #000;
}
@ -12217,6 +12273,10 @@ video {
border-color: transparent;
}
.sm\:border-current {
border-color: currentColor;
}
.sm\:border-black {
border-color: #000;
}
@ -12589,6 +12649,10 @@ video {
border-color: transparent;
}
.sm\:hover\:border-current:hover {
border-color: currentColor;
}
.sm\:hover\:border-black:hover {
border-color: #000;
}
@ -12961,6 +13025,10 @@ video {
border-color: transparent;
}
.sm\:focus\:border-current:focus {
border-color: currentColor;
}
.sm\:focus\:border-black:focus {
border-color: #000;
}
@ -16305,6 +16373,10 @@ video {
color: transparent;
}
.sm\:placeholder-current::placeholder {
color: currentColor;
}
.sm\:placeholder-black::placeholder {
color: #000;
}
@ -16677,6 +16749,10 @@ video {
color: transparent;
}
.sm\:focus\:placeholder-current:focus::placeholder {
color: currentColor;
}
.sm\:focus\:placeholder-black:focus::placeholder {
color: #000;
}
@ -17323,6 +17399,10 @@ video {
color: transparent;
}
.sm\:text-current {
color: currentColor;
}
.sm\:text-black {
color: #000;
}
@ -17695,6 +17775,10 @@ video {
color: transparent;
}
.sm\:hover\:text-current:hover {
color: currentColor;
}
.sm\:hover\:text-black:hover {
color: #000;
}
@ -18067,6 +18151,10 @@ video {
color: transparent;
}
.sm\:focus\:text-current:focus {
color: currentColor;
}
.sm\:focus\:text-black:focus {
color: #000;
}
@ -21371,6 +21459,10 @@ video {
background-color: transparent;
}
.md\:bg-current {
background-color: currentColor;
}
.md\:bg-black {
background-color: #000;
}
@ -21743,6 +21835,10 @@ video {
background-color: transparent;
}
.md\:hover\:bg-current:hover {
background-color: currentColor;
}
.md\:hover\:bg-black:hover {
background-color: #000;
}
@ -22115,6 +22211,10 @@ video {
background-color: transparent;
}
.md\:focus\:bg-current:focus {
background-color: currentColor;
}
.md\:focus\:bg-black:focus {
background-color: #000;
}
@ -22567,6 +22667,10 @@ video {
border-color: transparent;
}
.md\:border-current {
border-color: currentColor;
}
.md\:border-black {
border-color: #000;
}
@ -22939,6 +23043,10 @@ video {
border-color: transparent;
}
.md\:hover\:border-current:hover {
border-color: currentColor;
}
.md\:hover\:border-black:hover {
border-color: #000;
}
@ -23311,6 +23419,10 @@ video {
border-color: transparent;
}
.md\:focus\:border-current:focus {
border-color: currentColor;
}
.md\:focus\:border-black:focus {
border-color: #000;
}
@ -26655,6 +26767,10 @@ video {
color: transparent;
}
.md\:placeholder-current::placeholder {
color: currentColor;
}
.md\:placeholder-black::placeholder {
color: #000;
}
@ -27027,6 +27143,10 @@ video {
color: transparent;
}
.md\:focus\:placeholder-current:focus::placeholder {
color: currentColor;
}
.md\:focus\:placeholder-black:focus::placeholder {
color: #000;
}
@ -27673,6 +27793,10 @@ video {
color: transparent;
}
.md\:text-current {
color: currentColor;
}
.md\:text-black {
color: #000;
}
@ -28045,6 +28169,10 @@ video {
color: transparent;
}
.md\:hover\:text-current:hover {
color: currentColor;
}
.md\:hover\:text-black:hover {
color: #000;
}
@ -28417,6 +28545,10 @@ video {
color: transparent;
}
.md\:focus\:text-current:focus {
color: currentColor;
}
.md\:focus\:text-black:focus {
color: #000;
}
@ -31721,6 +31853,10 @@ video {
background-color: transparent;
}
.lg\:bg-current {
background-color: currentColor;
}
.lg\:bg-black {
background-color: #000;
}
@ -32093,6 +32229,10 @@ video {
background-color: transparent;
}
.lg\:hover\:bg-current:hover {
background-color: currentColor;
}
.lg\:hover\:bg-black:hover {
background-color: #000;
}
@ -32465,6 +32605,10 @@ video {
background-color: transparent;
}
.lg\:focus\:bg-current:focus {
background-color: currentColor;
}
.lg\:focus\:bg-black:focus {
background-color: #000;
}
@ -32917,6 +33061,10 @@ video {
border-color: transparent;
}
.lg\:border-current {
border-color: currentColor;
}
.lg\:border-black {
border-color: #000;
}
@ -33289,6 +33437,10 @@ video {
border-color: transparent;
}
.lg\:hover\:border-current:hover {
border-color: currentColor;
}
.lg\:hover\:border-black:hover {
border-color: #000;
}
@ -33661,6 +33813,10 @@ video {
border-color: transparent;
}
.lg\:focus\:border-current:focus {
border-color: currentColor;
}
.lg\:focus\:border-black:focus {
border-color: #000;
}
@ -37005,6 +37161,10 @@ video {
color: transparent;
}
.lg\:placeholder-current::placeholder {
color: currentColor;
}
.lg\:placeholder-black::placeholder {
color: #000;
}
@ -37377,6 +37537,10 @@ video {
color: transparent;
}
.lg\:focus\:placeholder-current:focus::placeholder {
color: currentColor;
}
.lg\:focus\:placeholder-black:focus::placeholder {
color: #000;
}
@ -38023,6 +38187,10 @@ video {
color: transparent;
}
.lg\:text-current {
color: currentColor;
}
.lg\:text-black {
color: #000;
}
@ -38395,6 +38563,10 @@ video {
color: transparent;
}
.lg\:hover\:text-current:hover {
color: currentColor;
}
.lg\:hover\:text-black:hover {
color: #000;
}
@ -38767,6 +38939,10 @@ video {
color: transparent;
}
.lg\:focus\:text-current:focus {
color: currentColor;
}
.lg\:focus\:text-black:focus {
color: #000;
}
@ -42071,6 +42247,10 @@ video {
background-color: transparent;
}
.xl\:bg-current {
background-color: currentColor;
}
.xl\:bg-black {
background-color: #000;
}
@ -42443,6 +42623,10 @@ video {
background-color: transparent;
}
.xl\:hover\:bg-current:hover {
background-color: currentColor;
}
.xl\:hover\:bg-black:hover {
background-color: #000;
}
@ -42815,6 +42999,10 @@ video {
background-color: transparent;
}
.xl\:focus\:bg-current:focus {
background-color: currentColor;
}
.xl\:focus\:bg-black:focus {
background-color: #000;
}
@ -43267,6 +43455,10 @@ video {
border-color: transparent;
}
.xl\:border-current {
border-color: currentColor;
}
.xl\:border-black {
border-color: #000;
}
@ -43639,6 +43831,10 @@ video {
border-color: transparent;
}
.xl\:hover\:border-current:hover {
border-color: currentColor;
}
.xl\:hover\:border-black:hover {
border-color: #000;
}
@ -44011,6 +44207,10 @@ video {
border-color: transparent;
}
.xl\:focus\:border-current:focus {
border-color: currentColor;
}
.xl\:focus\:border-black:focus {
border-color: #000;
}
@ -47355,6 +47555,10 @@ video {
color: transparent;
}
.xl\:placeholder-current::placeholder {
color: currentColor;
}
.xl\:placeholder-black::placeholder {
color: #000;
}
@ -47727,6 +47931,10 @@ video {
color: transparent;
}
.xl\:focus\:placeholder-current:focus::placeholder {
color: currentColor;
}
.xl\:focus\:placeholder-black:focus::placeholder {
color: #000;
}
@ -48373,6 +48581,10 @@ video {
color: transparent;
}
.xl\:text-current {
color: currentColor;
}
.xl\:text-black {
color: #000;
}
@ -48745,6 +48957,10 @@ video {
color: transparent;
}
.xl\:hover\:text-current:hover {
color: currentColor;
}
.xl\:hover\:text-black:hover {
color: #000;
}
@ -49117,6 +49333,10 @@ video {
color: transparent;
}
.xl\:focus\:text-current:focus {
color: currentColor;
}
.xl\:focus\:text-black:focus {
color: #000;
}

1
stubs/defaultConfig.stub.js
View File

@ -11,6 +11,7 @@ module.exports = {
},
colors: {
transparent: 'transparent',
current: 'currentColor',
black: '#000',
white: '#fff',