tailwindcss 2.0.0 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -1
- package/dist/base.css +3 -0
- package/dist/base.min.css +1 -1
- package/dist/tailwind-dark.css +7587 -0
- package/dist/tailwind-dark.min.css +1 -1
- package/dist/tailwind-experimental.css +27 -0
- package/dist/tailwind-experimental.min.css +1 -1
- package/dist/tailwind.css +27 -0
- package/dist/tailwind.min.css +1 -1
- package/dist/utilities.css +24 -0
- package/dist/utilities.min.css +1 -1
- package/lib/cli/commands/init.js +6 -4
- package/lib/cli/utils.js +22 -2
- package/lib/constants.js +9 -1
- package/lib/index.js +8 -6
- package/lib/index.postcss7.js +8 -6
- package/lib/lib/evaluateTailwindFunctions.js +1 -1
- package/lib/lib/substituteClassApplyAtRules.js +71 -32
- package/lib/lib/substituteTailwindAtRules.js +1 -1
- package/lib/plugins/css/preflight.css +1 -0
- package/lib/plugins/preflight.js +5 -1
- package/lib/plugins/ringOffsetColor.js +1 -1
- package/lib/plugins/ringOffsetWidth.js +1 -1
- package/lib/plugins/ringWidth.js +2 -2
- package/lib/processTailwindFeatures.js +4 -0
- package/lib/util/disposables.js +30 -0
- package/lib/util/transformThemeValue.js +4 -0
- package/lib/util/useMemo.js +14 -3
- package/package.json +17 -17
- package/scripts/compat.js +8 -2
- package/stubs/defaultConfig.stub.js +21 -20
- package/tailwind.config.js +0 -9
|
@@ -141,6 +141,7 @@ module.exports = {
|
|
|
141
141
|
wait: 'wait',
|
|
142
142
|
text: 'text',
|
|
143
143
|
move: 'move',
|
|
144
|
+
help: 'help',
|
|
144
145
|
'not-allowed': 'not-allowed',
|
|
145
146
|
},
|
|
146
147
|
divideColor: (theme) => theme('borderColor'),
|
|
@@ -308,17 +309,6 @@ module.exports = {
|
|
|
308
309
|
6: '6',
|
|
309
310
|
7: '7',
|
|
310
311
|
},
|
|
311
|
-
transformOrigin: {
|
|
312
|
-
center: 'center',
|
|
313
|
-
top: 'top',
|
|
314
|
-
'top-right': 'top right',
|
|
315
|
-
right: 'right',
|
|
316
|
-
'bottom-right': 'bottom right',
|
|
317
|
-
bottom: 'bottom',
|
|
318
|
-
'bottom-left': 'bottom left',
|
|
319
|
-
left: 'left',
|
|
320
|
-
'top-left': 'top left',
|
|
321
|
-
},
|
|
322
312
|
gridTemplateColumns: {
|
|
323
313
|
none: 'none',
|
|
324
314
|
1: 'repeat(1, minmax(0, 1fr))',
|
|
@@ -616,8 +606,18 @@ module.exports = {
|
|
|
616
606
|
},
|
|
617
607
|
textColor: (theme) => theme('colors'),
|
|
618
608
|
textOpacity: (theme) => theme('opacity'),
|
|
619
|
-
|
|
620
|
-
|
|
609
|
+
transformOrigin: {
|
|
610
|
+
center: 'center',
|
|
611
|
+
top: 'top',
|
|
612
|
+
'top-right': 'top right',
|
|
613
|
+
right: 'right',
|
|
614
|
+
'bottom-right': 'bottom right',
|
|
615
|
+
bottom: 'bottom',
|
|
616
|
+
'bottom-left': 'bottom left',
|
|
617
|
+
left: 'left',
|
|
618
|
+
'top-left': 'top left',
|
|
619
|
+
},
|
|
620
|
+
transitionDelay: {
|
|
621
621
|
75: '75ms',
|
|
622
622
|
100: '100ms',
|
|
623
623
|
150: '150ms',
|
|
@@ -627,7 +627,8 @@ module.exports = {
|
|
|
627
627
|
700: '700ms',
|
|
628
628
|
1000: '1000ms',
|
|
629
629
|
},
|
|
630
|
-
|
|
630
|
+
transitionDuration: {
|
|
631
|
+
DEFAULT: '150ms',
|
|
631
632
|
75: '75ms',
|
|
632
633
|
100: '100ms',
|
|
633
634
|
150: '150ms',
|
|
@@ -742,13 +743,13 @@ module.exports = {
|
|
|
742
743
|
backgroundClip: ['responsive'],
|
|
743
744
|
backgroundColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
744
745
|
backgroundImage: ['responsive'],
|
|
745
|
-
backgroundOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
746
|
+
backgroundOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
746
747
|
backgroundPosition: ['responsive'],
|
|
747
748
|
backgroundRepeat: ['responsive'],
|
|
748
749
|
backgroundSize: ['responsive'],
|
|
749
750
|
borderCollapse: ['responsive'],
|
|
750
751
|
borderColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
751
|
-
borderOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
752
|
+
borderOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
752
753
|
borderRadius: ['responsive'],
|
|
753
754
|
borderStyle: ['responsive'],
|
|
754
755
|
borderWidth: ['responsive'],
|
|
@@ -759,7 +760,7 @@ module.exports = {
|
|
|
759
760
|
cursor: ['responsive'],
|
|
760
761
|
display: ['responsive'],
|
|
761
762
|
divideColor: ['responsive', 'dark'],
|
|
762
|
-
divideOpacity: ['responsive'],
|
|
763
|
+
divideOpacity: ['responsive', 'dark'],
|
|
763
764
|
divideStyle: ['responsive'],
|
|
764
765
|
divideWidth: ['responsive'],
|
|
765
766
|
fill: ['responsive'],
|
|
@@ -814,14 +815,14 @@ module.exports = {
|
|
|
814
815
|
placeItems: ['responsive'],
|
|
815
816
|
placeSelf: ['responsive'],
|
|
816
817
|
placeholderColor: ['responsive', 'dark', 'focus'],
|
|
817
|
-
placeholderOpacity: ['responsive', 'focus'],
|
|
818
|
+
placeholderOpacity: ['responsive', 'dark', 'focus'],
|
|
818
819
|
pointerEvents: ['responsive'],
|
|
819
820
|
position: ['responsive'],
|
|
820
821
|
resize: ['responsive'],
|
|
821
822
|
ringColor: ['responsive', 'dark', 'focus-within', 'focus'],
|
|
822
823
|
ringOffsetColor: ['responsive', 'dark', 'focus-within', 'focus'],
|
|
823
824
|
ringOffsetWidth: ['responsive', 'focus-within', 'focus'],
|
|
824
|
-
ringOpacity: ['responsive', 'focus-within', 'focus'],
|
|
825
|
+
ringOpacity: ['responsive', 'dark', 'focus-within', 'focus'],
|
|
825
826
|
ringWidth: ['responsive', 'focus-within', 'focus'],
|
|
826
827
|
rotate: ['responsive', 'hover', 'focus'],
|
|
827
828
|
scale: ['responsive', 'hover', 'focus'],
|
|
@@ -833,7 +834,7 @@ module.exports = {
|
|
|
833
834
|
textAlign: ['responsive'],
|
|
834
835
|
textColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
835
836
|
textDecoration: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
836
|
-
textOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
837
|
+
textOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
|
837
838
|
textOverflow: ['responsive'],
|
|
838
839
|
textTransform: ['responsive'],
|
|
839
840
|
transform: ['responsive'],
|