tailwindcss 3.0.9 → 3.0.13
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 +43 -1
- package/lib/cli.js +57 -28
- package/lib/corePlugins.js +183 -280
- package/lib/css/preflight.css +1 -1
- package/lib/featureFlags.js +2 -5
- package/lib/lib/expandApplyAtRules.js +0 -40
- package/lib/lib/expandTailwindAtRules.js +14 -29
- package/lib/lib/generateRules.js +1 -2
- package/lib/lib/normalizeTailwindDirectives.js +8 -1
- package/lib/lib/partitionApplyAtRules.js +53 -0
- package/lib/lib/resolveDefaultsAtRules.js +4 -4
- package/lib/lib/setupContextUtils.js +48 -52
- package/lib/lib/setupTrackingContext.js +11 -10
- package/lib/processTailwindFeatures.js +5 -2
- package/lib/util/createPlugin.js +1 -2
- package/lib/util/createUtilityPlugin.js +4 -8
- package/lib/util/flattenColorPalette.js +1 -3
- package/lib/util/normalizeConfig.js +6 -12
- package/lib/util/normalizeScreens.js +2 -4
- package/lib/util/pluginUtils.js +6 -13
- package/lib/util/resolveConfig.js +9 -18
- package/lib/util/resolveConfigPath.js +1 -2
- package/lib/util/toColorValue.js +1 -2
- package/lib/util/transformThemeValue.js +4 -8
- package/package.json +8 -10
- package/peers/index.js +652 -651
- package/src/cli.js +57 -12
- package/src/corePlugins.js +121 -155
- package/src/css/preflight.css +1 -1
- package/src/featureFlags.js +1 -5
- package/src/lib/expandApplyAtRules.js +0 -42
- package/src/lib/expandTailwindAtRules.js +12 -21
- package/src/lib/normalizeTailwindDirectives.js +6 -1
- package/src/lib/partitionApplyAtRules.js +52 -0
- package/src/lib/resolveDefaultsAtRules.js +5 -5
- package/src/lib/setupContextUtils.js +37 -17
- package/src/lib/setupTrackingContext.js +11 -10
- package/src/processTailwindFeatures.js +6 -2
- package/src/util/pluginUtils.js +1 -1
package/lib/corePlugins.js
CHANGED
|
@@ -27,13 +27,11 @@ function _interopRequireWildcard(obj) {
|
|
|
27
27
|
if (obj && obj.__esModule) {
|
|
28
28
|
return obj;
|
|
29
29
|
} else {
|
|
30
|
-
var newObj = {
|
|
31
|
-
};
|
|
30
|
+
var newObj = {};
|
|
32
31
|
if (obj != null) {
|
|
33
32
|
for(var key in obj){
|
|
34
33
|
if (Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
35
|
-
var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
|
|
36
|
-
};
|
|
34
|
+
var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
|
|
37
35
|
if (desc.get || desc.set) {
|
|
38
36
|
Object.defineProperty(newObj, key, desc);
|
|
39
37
|
} else {
|
|
@@ -210,6 +208,36 @@ let variantPlugins = {
|
|
|
210
208
|
}
|
|
211
209
|
};
|
|
212
210
|
exports.variantPlugins = variantPlugins;
|
|
211
|
+
let cssTransformValue = [
|
|
212
|
+
'translate(var(--tw-translate-x), var(--tw-translate-y))',
|
|
213
|
+
'rotate(var(--tw-rotate))',
|
|
214
|
+
'skewX(var(--tw-skew-x))',
|
|
215
|
+
'skewY(var(--tw-skew-y))',
|
|
216
|
+
'scaleX(var(--tw-scale-x))',
|
|
217
|
+
'scaleY(var(--tw-scale-y))',
|
|
218
|
+
].join(' ');
|
|
219
|
+
let cssFilterValue = [
|
|
220
|
+
'var(--tw-blur)',
|
|
221
|
+
'var(--tw-brightness)',
|
|
222
|
+
'var(--tw-contrast)',
|
|
223
|
+
'var(--tw-grayscale)',
|
|
224
|
+
'var(--tw-hue-rotate)',
|
|
225
|
+
'var(--tw-invert)',
|
|
226
|
+
'var(--tw-saturate)',
|
|
227
|
+
'var(--tw-sepia)',
|
|
228
|
+
'var(--tw-drop-shadow)',
|
|
229
|
+
].join(' ');
|
|
230
|
+
let cssBackdropFilterValue = [
|
|
231
|
+
'var(--tw-backdrop-blur)',
|
|
232
|
+
'var(--tw-backdrop-brightness)',
|
|
233
|
+
'var(--tw-backdrop-contrast)',
|
|
234
|
+
'var(--tw-backdrop-grayscale)',
|
|
235
|
+
'var(--tw-backdrop-hue-rotate)',
|
|
236
|
+
'var(--tw-backdrop-invert)',
|
|
237
|
+
'var(--tw-backdrop-opacity)',
|
|
238
|
+
'var(--tw-backdrop-saturate)',
|
|
239
|
+
'var(--tw-backdrop-sepia)',
|
|
240
|
+
].join(' ');
|
|
213
241
|
let corePlugins = {
|
|
214
242
|
preflight: ({ addBase })=>{
|
|
215
243
|
let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(path.join(__dirname, './css/preflight.css'), 'utf8'));
|
|
@@ -270,8 +298,7 @@ let corePlugins = {
|
|
|
270
298
|
let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth
|
|
271
299
|
);
|
|
272
300
|
if (!paddingConfig) {
|
|
273
|
-
return {
|
|
274
|
-
};
|
|
301
|
+
return {};
|
|
275
302
|
}
|
|
276
303
|
return {
|
|
277
304
|
paddingRight: paddingConfig.padding,
|
|
@@ -295,8 +322,7 @@ let corePlugins = {
|
|
|
295
322
|
}, theme('container.center', false) ? {
|
|
296
323
|
marginRight: 'auto',
|
|
297
324
|
marginLeft: 'auto'
|
|
298
|
-
} : {
|
|
299
|
-
}, generatePaddingFor(0))
|
|
325
|
+
} : {}, generatePaddingFor(0))
|
|
300
326
|
},
|
|
301
327
|
...atRules,
|
|
302
328
|
]);
|
|
@@ -778,13 +804,12 @@ let corePlugins = {
|
|
|
778
804
|
[
|
|
779
805
|
[
|
|
780
806
|
'@defaults transform',
|
|
781
|
-
{
|
|
782
|
-
}
|
|
807
|
+
{}
|
|
783
808
|
],
|
|
784
809
|
'--tw-translate-x',
|
|
785
810
|
[
|
|
786
811
|
'transform',
|
|
787
|
-
|
|
812
|
+
cssTransformValue
|
|
788
813
|
]
|
|
789
814
|
],
|
|
790
815
|
],
|
|
@@ -793,13 +818,12 @@ let corePlugins = {
|
|
|
793
818
|
[
|
|
794
819
|
[
|
|
795
820
|
'@defaults transform',
|
|
796
|
-
{
|
|
797
|
-
}
|
|
821
|
+
{}
|
|
798
822
|
],
|
|
799
823
|
'--tw-translate-y',
|
|
800
824
|
[
|
|
801
825
|
'transform',
|
|
802
|
-
|
|
826
|
+
cssTransformValue
|
|
803
827
|
]
|
|
804
828
|
],
|
|
805
829
|
],
|
|
@@ -813,16 +837,15 @@ let corePlugins = {
|
|
|
813
837
|
[
|
|
814
838
|
[
|
|
815
839
|
'@defaults transform',
|
|
816
|
-
{
|
|
817
|
-
}
|
|
840
|
+
{}
|
|
818
841
|
],
|
|
819
842
|
'--tw-rotate',
|
|
820
843
|
[
|
|
821
844
|
'transform',
|
|
822
|
-
|
|
845
|
+
cssTransformValue
|
|
823
846
|
]
|
|
824
|
-
]
|
|
825
|
-
]
|
|
847
|
+
]
|
|
848
|
+
]
|
|
826
849
|
], {
|
|
827
850
|
supportsNegativeValues: true
|
|
828
851
|
}),
|
|
@@ -833,30 +856,28 @@ let corePlugins = {
|
|
|
833
856
|
[
|
|
834
857
|
[
|
|
835
858
|
'@defaults transform',
|
|
836
|
-
{
|
|
837
|
-
}
|
|
859
|
+
{}
|
|
838
860
|
],
|
|
839
861
|
'--tw-skew-x',
|
|
840
862
|
[
|
|
841
863
|
'transform',
|
|
842
|
-
|
|
864
|
+
cssTransformValue
|
|
843
865
|
]
|
|
844
|
-
]
|
|
866
|
+
]
|
|
845
867
|
],
|
|
846
868
|
[
|
|
847
869
|
'skew-y',
|
|
848
870
|
[
|
|
849
871
|
[
|
|
850
872
|
'@defaults transform',
|
|
851
|
-
{
|
|
852
|
-
}
|
|
873
|
+
{}
|
|
853
874
|
],
|
|
854
875
|
'--tw-skew-y',
|
|
855
876
|
[
|
|
856
877
|
'transform',
|
|
857
|
-
|
|
878
|
+
cssTransformValue
|
|
858
879
|
]
|
|
859
|
-
]
|
|
880
|
+
]
|
|
860
881
|
],
|
|
861
882
|
],
|
|
862
883
|
], {
|
|
@@ -868,14 +889,13 @@ let corePlugins = {
|
|
|
868
889
|
[
|
|
869
890
|
[
|
|
870
891
|
'@defaults transform',
|
|
871
|
-
{
|
|
872
|
-
}
|
|
892
|
+
{}
|
|
873
893
|
],
|
|
874
894
|
'--tw-scale-x',
|
|
875
895
|
'--tw-scale-y',
|
|
876
896
|
[
|
|
877
897
|
'transform',
|
|
878
|
-
|
|
898
|
+
cssTransformValue
|
|
879
899
|
],
|
|
880
900
|
],
|
|
881
901
|
],
|
|
@@ -885,13 +905,12 @@ let corePlugins = {
|
|
|
885
905
|
[
|
|
886
906
|
[
|
|
887
907
|
'@defaults transform',
|
|
888
|
-
{
|
|
889
|
-
}
|
|
908
|
+
{}
|
|
890
909
|
],
|
|
891
910
|
'--tw-scale-x',
|
|
892
911
|
[
|
|
893
912
|
'transform',
|
|
894
|
-
|
|
913
|
+
cssTransformValue
|
|
895
914
|
]
|
|
896
915
|
],
|
|
897
916
|
],
|
|
@@ -900,13 +919,12 @@ let corePlugins = {
|
|
|
900
919
|
[
|
|
901
920
|
[
|
|
902
921
|
'@defaults transform',
|
|
903
|
-
{
|
|
904
|
-
}
|
|
922
|
+
{}
|
|
905
923
|
],
|
|
906
924
|
'--tw-scale-y',
|
|
907
925
|
[
|
|
908
926
|
'transform',
|
|
909
|
-
|
|
927
|
+
cssTransformValue
|
|
910
928
|
]
|
|
911
929
|
],
|
|
912
930
|
],
|
|
@@ -922,43 +940,18 @@ let corePlugins = {
|
|
|
922
940
|
'--tw-skew-x': '0',
|
|
923
941
|
'--tw-skew-y': '0',
|
|
924
942
|
'--tw-scale-x': '1',
|
|
925
|
-
'--tw-scale-y': '1'
|
|
926
|
-
'--tw-transform': [
|
|
927
|
-
'translateX(var(--tw-translate-x))',
|
|
928
|
-
'translateY(var(--tw-translate-y))',
|
|
929
|
-
'rotate(var(--tw-rotate))',
|
|
930
|
-
'skewX(var(--tw-skew-x))',
|
|
931
|
-
'skewY(var(--tw-skew-y))',
|
|
932
|
-
'scaleX(var(--tw-scale-x))',
|
|
933
|
-
'scaleY(var(--tw-scale-y))',
|
|
934
|
-
].join(' ')
|
|
943
|
+
'--tw-scale-y': '1'
|
|
935
944
|
});
|
|
936
945
|
addUtilities({
|
|
937
946
|
'.transform': {
|
|
938
|
-
'@defaults transform': {
|
|
939
|
-
|
|
940
|
-
transform: 'var(--tw-transform)'
|
|
947
|
+
'@defaults transform': {},
|
|
948
|
+
transform: cssTransformValue
|
|
941
949
|
},
|
|
942
950
|
'.transform-cpu': {
|
|
943
|
-
|
|
944
|
-
'translateX(var(--tw-translate-x))',
|
|
945
|
-
'translateY(var(--tw-translate-y))',
|
|
946
|
-
'rotate(var(--tw-rotate))',
|
|
947
|
-
'skewX(var(--tw-skew-x))',
|
|
948
|
-
'skewY(var(--tw-skew-y))',
|
|
949
|
-
'scaleX(var(--tw-scale-x))',
|
|
950
|
-
'scaleY(var(--tw-scale-y))',
|
|
951
|
-
].join(' ')
|
|
951
|
+
transform: cssTransformValue
|
|
952
952
|
},
|
|
953
953
|
'.transform-gpu': {
|
|
954
|
-
'--tw-
|
|
955
|
-
'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)',
|
|
956
|
-
'rotate(var(--tw-rotate))',
|
|
957
|
-
'skewX(var(--tw-skew-x))',
|
|
958
|
-
'skewY(var(--tw-skew-y))',
|
|
959
|
-
'scaleX(var(--tw-scale-x))',
|
|
960
|
-
'scaleY(var(--tw-scale-y))',
|
|
961
|
-
].join(' ')
|
|
954
|
+
transform: cssTransformValue.replace('translate(var(--tw-translate-x), var(--tw-translate-y))', 'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)')
|
|
962
955
|
},
|
|
963
956
|
'.transform-none': {
|
|
964
957
|
transform: 'none'
|
|
@@ -969,8 +962,7 @@ let corePlugins = {
|
|
|
969
962
|
let prefixName = (name)=>prefix(`.${name}`).slice(1)
|
|
970
963
|
;
|
|
971
964
|
var ref;
|
|
972
|
-
let keyframes = Object.fromEntries(Object.entries((ref = theme('keyframes')) !== null && ref !== void 0 ? ref : {
|
|
973
|
-
}).map(([key, value])=>{
|
|
965
|
+
let keyframes = Object.fromEntries(Object.entries((ref = theme('keyframes')) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{
|
|
974
966
|
return [
|
|
975
967
|
key,
|
|
976
968
|
{
|
|
@@ -1001,11 +993,11 @@ let corePlugins = {
|
|
|
1001
993
|
cursor: (0, _createUtilityPlugin).default('cursor'),
|
|
1002
994
|
touchAction: ({ addDefaults , addUtilities })=>{
|
|
1003
995
|
addDefaults('touch-action', {
|
|
1004
|
-
'--tw-pan-x': '
|
|
1005
|
-
'--tw-pan-y': '
|
|
1006
|
-
'--tw-pinch-zoom': '
|
|
1007
|
-
'--tw-touch-action': 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)'
|
|
996
|
+
'--tw-pan-x': ' ',
|
|
997
|
+
'--tw-pan-y': ' ',
|
|
998
|
+
'--tw-pinch-zoom': ' '
|
|
1008
999
|
});
|
|
1000
|
+
let cssTouchActionValue = 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)';
|
|
1009
1001
|
addUtilities({
|
|
1010
1002
|
'.touch-auto': {
|
|
1011
1003
|
'touch-action': 'auto'
|
|
@@ -1014,46 +1006,39 @@ let corePlugins = {
|
|
|
1014
1006
|
'touch-action': 'none'
|
|
1015
1007
|
},
|
|
1016
1008
|
'.touch-pan-x': {
|
|
1017
|
-
'@defaults touch-action': {
|
|
1018
|
-
},
|
|
1009
|
+
'@defaults touch-action': {},
|
|
1019
1010
|
'--tw-pan-x': 'pan-x',
|
|
1020
|
-
'touch-action':
|
|
1011
|
+
'touch-action': cssTouchActionValue
|
|
1021
1012
|
},
|
|
1022
1013
|
'.touch-pan-left': {
|
|
1023
|
-
'@defaults touch-action': {
|
|
1024
|
-
},
|
|
1014
|
+
'@defaults touch-action': {},
|
|
1025
1015
|
'--tw-pan-x': 'pan-left',
|
|
1026
|
-
'touch-action':
|
|
1016
|
+
'touch-action': cssTouchActionValue
|
|
1027
1017
|
},
|
|
1028
1018
|
'.touch-pan-right': {
|
|
1029
|
-
'@defaults touch-action': {
|
|
1030
|
-
},
|
|
1019
|
+
'@defaults touch-action': {},
|
|
1031
1020
|
'--tw-pan-x': 'pan-right',
|
|
1032
|
-
'touch-action':
|
|
1021
|
+
'touch-action': cssTouchActionValue
|
|
1033
1022
|
},
|
|
1034
1023
|
'.touch-pan-y': {
|
|
1035
|
-
'@defaults touch-action': {
|
|
1036
|
-
},
|
|
1024
|
+
'@defaults touch-action': {},
|
|
1037
1025
|
'--tw-pan-y': 'pan-y',
|
|
1038
|
-
'touch-action':
|
|
1026
|
+
'touch-action': cssTouchActionValue
|
|
1039
1027
|
},
|
|
1040
1028
|
'.touch-pan-up': {
|
|
1041
|
-
'@defaults touch-action': {
|
|
1042
|
-
},
|
|
1029
|
+
'@defaults touch-action': {},
|
|
1043
1030
|
'--tw-pan-y': 'pan-up',
|
|
1044
|
-
'touch-action':
|
|
1031
|
+
'touch-action': cssTouchActionValue
|
|
1045
1032
|
},
|
|
1046
1033
|
'.touch-pan-down': {
|
|
1047
|
-
'@defaults touch-action': {
|
|
1048
|
-
},
|
|
1034
|
+
'@defaults touch-action': {},
|
|
1049
1035
|
'--tw-pan-y': 'pan-down',
|
|
1050
|
-
'touch-action':
|
|
1036
|
+
'touch-action': cssTouchActionValue
|
|
1051
1037
|
},
|
|
1052
1038
|
'.touch-pinch-zoom': {
|
|
1053
|
-
'@defaults touch-action': {
|
|
1054
|
-
},
|
|
1039
|
+
'@defaults touch-action': {},
|
|
1055
1040
|
'--tw-pinch-zoom': 'pinch-zoom',
|
|
1056
|
-
'touch-action':
|
|
1041
|
+
'touch-action': cssTouchActionValue
|
|
1057
1042
|
},
|
|
1058
1043
|
'.touch-manipulation': {
|
|
1059
1044
|
'touch-action': 'manipulation'
|
|
@@ -1101,18 +1086,15 @@ let corePlugins = {
|
|
|
1101
1086
|
'scroll-snap-type': 'none'
|
|
1102
1087
|
},
|
|
1103
1088
|
'.snap-x': {
|
|
1104
|
-
'@defaults scroll-snap-type': {
|
|
1105
|
-
},
|
|
1089
|
+
'@defaults scroll-snap-type': {},
|
|
1106
1090
|
'scroll-snap-type': 'x var(--tw-scroll-snap-strictness)'
|
|
1107
1091
|
},
|
|
1108
1092
|
'.snap-y': {
|
|
1109
|
-
'@defaults scroll-snap-type': {
|
|
1110
|
-
},
|
|
1093
|
+
'@defaults scroll-snap-type': {},
|
|
1111
1094
|
'scroll-snap-type': 'y var(--tw-scroll-snap-strictness)'
|
|
1112
1095
|
},
|
|
1113
1096
|
'.snap-both': {
|
|
1114
|
-
'@defaults scroll-snap-type': {
|
|
1115
|
-
},
|
|
1097
|
+
'@defaults scroll-snap-type': {},
|
|
1116
1098
|
'scroll-snap-type': 'both var(--tw-scroll-snap-strictness)'
|
|
1117
1099
|
},
|
|
1118
1100
|
'.snap-mandatory': {
|
|
@@ -1616,8 +1598,7 @@ let corePlugins = {
|
|
|
1616
1598
|
value = value === '0' ? '0px' : value;
|
|
1617
1599
|
return {
|
|
1618
1600
|
'& > :not([hidden]) ~ :not([hidden])': {
|
|
1619
|
-
'@defaults border-width': {
|
|
1620
|
-
},
|
|
1601
|
+
'@defaults border-width': {},
|
|
1621
1602
|
'--tw-divide-x-reverse': '0',
|
|
1622
1603
|
'border-right-width': `calc(${value} * var(--tw-divide-x-reverse))`,
|
|
1623
1604
|
'border-left-width': `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
|
|
@@ -1628,8 +1609,7 @@ let corePlugins = {
|
|
|
1628
1609
|
value = value === '0' ? '0px' : value;
|
|
1629
1610
|
return {
|
|
1630
1611
|
'& > :not([hidden]) ~ :not([hidden])': {
|
|
1631
|
-
'@defaults border-width': {
|
|
1632
|
-
},
|
|
1612
|
+
'@defaults border-width': {},
|
|
1633
1613
|
'--tw-divide-y-reverse': '0',
|
|
1634
1614
|
'border-top-width': `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`,
|
|
1635
1615
|
'border-bottom-width': `calc(${value} * var(--tw-divide-y-reverse))`
|
|
@@ -1645,13 +1625,11 @@ let corePlugins = {
|
|
|
1645
1625
|
});
|
|
1646
1626
|
addUtilities({
|
|
1647
1627
|
'.divide-y-reverse > :not([hidden]) ~ :not([hidden])': {
|
|
1648
|
-
'@defaults border-width': {
|
|
1649
|
-
},
|
|
1628
|
+
'@defaults border-width': {},
|
|
1650
1629
|
'--tw-divide-y-reverse': '1'
|
|
1651
1630
|
},
|
|
1652
1631
|
'.divide-x-reverse > :not([hidden]) ~ :not([hidden])': {
|
|
1653
|
-
'@defaults border-width': {
|
|
1654
|
-
},
|
|
1632
|
+
'@defaults border-width': {},
|
|
1655
1633
|
'--tw-divide-x-reverse': '1'
|
|
1656
1634
|
}
|
|
1657
1635
|
});
|
|
@@ -1983,8 +1961,7 @@ let corePlugins = {
|
|
|
1983
1961
|
[
|
|
1984
1962
|
[
|
|
1985
1963
|
'@defaults border-width',
|
|
1986
|
-
{
|
|
1987
|
-
}
|
|
1964
|
+
{}
|
|
1988
1965
|
],
|
|
1989
1966
|
'border-width'
|
|
1990
1967
|
]
|
|
@@ -1995,8 +1972,7 @@ let corePlugins = {
|
|
|
1995
1972
|
[
|
|
1996
1973
|
[
|
|
1997
1974
|
'@defaults border-width',
|
|
1998
|
-
{
|
|
1999
|
-
}
|
|
1975
|
+
{}
|
|
2000
1976
|
],
|
|
2001
1977
|
'border-left-width',
|
|
2002
1978
|
'border-right-width'
|
|
@@ -2007,8 +1983,7 @@ let corePlugins = {
|
|
|
2007
1983
|
[
|
|
2008
1984
|
[
|
|
2009
1985
|
'@defaults border-width',
|
|
2010
|
-
{
|
|
2011
|
-
}
|
|
1986
|
+
{}
|
|
2012
1987
|
],
|
|
2013
1988
|
'border-top-width',
|
|
2014
1989
|
'border-bottom-width'
|
|
@@ -2021,8 +1996,7 @@ let corePlugins = {
|
|
|
2021
1996
|
[
|
|
2022
1997
|
[
|
|
2023
1998
|
'@defaults border-width',
|
|
2024
|
-
{
|
|
2025
|
-
}
|
|
1999
|
+
{}
|
|
2026
2000
|
],
|
|
2027
2001
|
'border-top-width'
|
|
2028
2002
|
]
|
|
@@ -2032,8 +2006,7 @@ let corePlugins = {
|
|
|
2032
2006
|
[
|
|
2033
2007
|
[
|
|
2034
2008
|
'@defaults border-width',
|
|
2035
|
-
{
|
|
2036
|
-
}
|
|
2009
|
+
{}
|
|
2037
2010
|
],
|
|
2038
2011
|
'border-right-width'
|
|
2039
2012
|
]
|
|
@@ -2043,8 +2016,7 @@ let corePlugins = {
|
|
|
2043
2016
|
[
|
|
2044
2017
|
[
|
|
2045
2018
|
'@defaults border-width',
|
|
2046
|
-
{
|
|
2047
|
-
}
|
|
2019
|
+
{}
|
|
2048
2020
|
],
|
|
2049
2021
|
'border-bottom-width'
|
|
2050
2022
|
]
|
|
@@ -2054,8 +2026,7 @@ let corePlugins = {
|
|
|
2054
2026
|
[
|
|
2055
2027
|
[
|
|
2056
2028
|
'@defaults border-width',
|
|
2057
|
-
{
|
|
2058
|
-
}
|
|
2029
|
+
{}
|
|
2059
2030
|
],
|
|
2060
2031
|
'border-left-width'
|
|
2061
2032
|
]
|
|
@@ -2089,19 +2060,7 @@ let corePlugins = {
|
|
|
2089
2060
|
}
|
|
2090
2061
|
});
|
|
2091
2062
|
},
|
|
2092
|
-
borderColor: ({
|
|
2093
|
-
if (!corePlugins2('borderOpacity')) {
|
|
2094
|
-
let value = theme('borderColor.DEFAULT', 'currentColor');
|
|
2095
|
-
addDefaults('border-width', {
|
|
2096
|
-
'border-color': (0, _toColorValue).default(value)
|
|
2097
|
-
});
|
|
2098
|
-
} else {
|
|
2099
|
-
addDefaults('border-width', (0, _withAlphaVariable).default({
|
|
2100
|
-
color: theme('borderColor.DEFAULT', 'currentColor'),
|
|
2101
|
-
property: 'border-color',
|
|
2102
|
-
variable: '--tw-border-opacity'
|
|
2103
|
-
}));
|
|
2104
|
-
}
|
|
2063
|
+
borderColor: ({ matchUtilities , theme , corePlugins: corePlugins2 })=>{
|
|
2105
2064
|
matchUtilities({
|
|
2106
2065
|
border: (value)=>{
|
|
2107
2066
|
if (!corePlugins2('borderOpacity')) {
|
|
@@ -2612,12 +2571,10 @@ let corePlugins = {
|
|
|
2612
2571
|
};
|
|
2613
2572
|
return {
|
|
2614
2573
|
'font-size': fontSize,
|
|
2615
|
-
...lineHeight === undefined ? {
|
|
2616
|
-
} : {
|
|
2574
|
+
...lineHeight === undefined ? {} : {
|
|
2617
2575
|
'line-height': lineHeight
|
|
2618
2576
|
},
|
|
2619
|
-
...letterSpacing === undefined ? {
|
|
2620
|
-
} : {
|
|
2577
|
+
...letterSpacing === undefined ? {} : {
|
|
2621
2578
|
'letter-spacing': letterSpacing
|
|
2622
2579
|
}
|
|
2623
2580
|
};
|
|
@@ -2671,66 +2628,58 @@ let corePlugins = {
|
|
|
2671
2628
|
}
|
|
2672
2629
|
});
|
|
2673
2630
|
},
|
|
2674
|
-
fontVariantNumeric: ({ addUtilities })=>{
|
|
2631
|
+
fontVariantNumeric: ({ addDefaults , addUtilities })=>{
|
|
2632
|
+
let cssFontVariantNumericValue = 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)';
|
|
2633
|
+
addDefaults('font-variant-numeric', {
|
|
2634
|
+
'--tw-ordinal': ' ',
|
|
2635
|
+
'--tw-slashed-zero': ' ',
|
|
2636
|
+
'--tw-numeric-figure': ' ',
|
|
2637
|
+
'--tw-numeric-spacing': ' ',
|
|
2638
|
+
'--tw-numeric-fraction': ' '
|
|
2639
|
+
});
|
|
2675
2640
|
addUtilities({
|
|
2676
|
-
'@defaults font-variant-numeric': {
|
|
2677
|
-
'--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2678
|
-
'--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2679
|
-
'--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2680
|
-
'--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2681
|
-
'--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2682
|
-
'--tw-font-variant-numeric': 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)'
|
|
2683
|
-
},
|
|
2684
2641
|
'.normal-nums': {
|
|
2685
2642
|
'font-variant-numeric': 'normal'
|
|
2686
2643
|
},
|
|
2687
2644
|
'.ordinal': {
|
|
2688
|
-
'@defaults font-variant-numeric': {
|
|
2689
|
-
},
|
|
2645
|
+
'@defaults font-variant-numeric': {},
|
|
2690
2646
|
'--tw-ordinal': 'ordinal',
|
|
2691
|
-
'font-variant-numeric':
|
|
2647
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2692
2648
|
},
|
|
2693
2649
|
'.slashed-zero': {
|
|
2694
|
-
'@defaults font-variant-numeric': {
|
|
2695
|
-
},
|
|
2650
|
+
'@defaults font-variant-numeric': {},
|
|
2696
2651
|
'--tw-slashed-zero': 'slashed-zero',
|
|
2697
|
-
'font-variant-numeric':
|
|
2652
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2698
2653
|
},
|
|
2699
2654
|
'.lining-nums': {
|
|
2700
|
-
'@defaults font-variant-numeric': {
|
|
2701
|
-
},
|
|
2655
|
+
'@defaults font-variant-numeric': {},
|
|
2702
2656
|
'--tw-numeric-figure': 'lining-nums',
|
|
2703
|
-
'font-variant-numeric':
|
|
2657
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2704
2658
|
},
|
|
2705
2659
|
'.oldstyle-nums': {
|
|
2706
|
-
'@defaults font-variant-numeric': {
|
|
2707
|
-
},
|
|
2660
|
+
'@defaults font-variant-numeric': {},
|
|
2708
2661
|
'--tw-numeric-figure': 'oldstyle-nums',
|
|
2709
|
-
'font-variant-numeric':
|
|
2662
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2710
2663
|
},
|
|
2711
2664
|
'.proportional-nums': {
|
|
2712
|
-
'@defaults font-variant-numeric': {
|
|
2713
|
-
},
|
|
2665
|
+
'@defaults font-variant-numeric': {},
|
|
2714
2666
|
'--tw-numeric-spacing': 'proportional-nums',
|
|
2715
|
-
'font-variant-numeric':
|
|
2667
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2716
2668
|
},
|
|
2717
2669
|
'.tabular-nums': {
|
|
2718
|
-
'@defaults font-variant-numeric': {
|
|
2719
|
-
},
|
|
2670
|
+
'@defaults font-variant-numeric': {},
|
|
2720
2671
|
'--tw-numeric-spacing': 'tabular-nums',
|
|
2721
|
-
'font-variant-numeric':
|
|
2672
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2722
2673
|
},
|
|
2723
2674
|
'.diagonal-fractions': {
|
|
2724
|
-
'@defaults font-variant-numeric': {
|
|
2725
|
-
},
|
|
2675
|
+
'@defaults font-variant-numeric': {},
|
|
2726
2676
|
'--tw-numeric-fraction': 'diagonal-fractions',
|
|
2727
|
-
'font-variant-numeric':
|
|
2677
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2728
2678
|
},
|
|
2729
2679
|
'.stacked-fractions': {
|
|
2730
|
-
'@defaults font-variant-numeric': {
|
|
2731
|
-
},
|
|
2680
|
+
'@defaults font-variant-numeric': {},
|
|
2732
2681
|
'--tw-numeric-fraction': 'stacked-fractions',
|
|
2733
|
-
'font-variant-numeric':
|
|
2682
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2734
2683
|
}
|
|
2735
2684
|
});
|
|
2736
2685
|
},
|
|
@@ -3073,8 +3022,7 @@ let corePlugins = {
|
|
|
3073
3022
|
shadow.color = 'var(--tw-shadow-color)';
|
|
3074
3023
|
}
|
|
3075
3024
|
return {
|
|
3076
|
-
'@defaults box-shadow': {
|
|
3077
|
-
},
|
|
3025
|
+
'@defaults box-shadow': {},
|
|
3078
3026
|
'--tw-shadow': value === 'none' ? '0 0 #0000' : value,
|
|
3079
3027
|
'--tw-shadow-colored': value === 'none' ? '0 0 #0000' : (0, _parseBoxShadowValue).formatBoxShadowValue(ast),
|
|
3080
3028
|
'box-shadow': defaultBoxShadow
|
|
@@ -3172,7 +3120,7 @@ let corePlugins = {
|
|
|
3172
3120
|
let ringOpacityDefault = theme('ringOpacity.DEFAULT', '0.5');
|
|
3173
3121
|
let ringColorDefault = (0, _withAlphaVariable).withAlphaValue(theme('ringColor.DEFAULT'), ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
|
|
3174
3122
|
addDefaults('ring-width', {
|
|
3175
|
-
'--tw-ring-inset': '
|
|
3123
|
+
'--tw-ring-inset': ' ',
|
|
3176
3124
|
'--tw-ring-offset-width': theme('ringOffsetWidth.DEFAULT', '0px'),
|
|
3177
3125
|
'--tw-ring-offset-color': theme('ringOffsetColor.DEFAULT', '#fff'),
|
|
3178
3126
|
'--tw-ring-color': ringColorDefault,
|
|
@@ -3184,8 +3132,7 @@ let corePlugins = {
|
|
|
3184
3132
|
matchUtilities({
|
|
3185
3133
|
ring: (value)=>{
|
|
3186
3134
|
return {
|
|
3187
|
-
'@defaults ring-width': {
|
|
3188
|
-
},
|
|
3135
|
+
'@defaults ring-width': {},
|
|
3189
3136
|
'--tw-ring-offset-shadow': `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`,
|
|
3190
3137
|
'--tw-ring-shadow': `var(--tw-ring-inset) 0 0 0 calc(${value} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
|
|
3191
3138
|
'box-shadow': [
|
|
@@ -3201,8 +3148,7 @@ let corePlugins = {
|
|
|
3201
3148
|
});
|
|
3202
3149
|
addUtilities({
|
|
3203
3150
|
'.ring-inset': {
|
|
3204
|
-
'@defaults ring-width': {
|
|
3205
|
-
},
|
|
3151
|
+
'@defaults ring-width': {},
|
|
3206
3152
|
'--tw-ring-inset': 'inset'
|
|
3207
3153
|
}
|
|
3208
3154
|
});
|
|
@@ -3259,9 +3205,8 @@ let corePlugins = {
|
|
|
3259
3205
|
blur: (value)=>{
|
|
3260
3206
|
return {
|
|
3261
3207
|
'--tw-blur': `blur(${value})`,
|
|
3262
|
-
'@defaults filter': {
|
|
3263
|
-
|
|
3264
|
-
filter: 'var(--tw-filter)'
|
|
3208
|
+
'@defaults filter': {},
|
|
3209
|
+
filter: cssFilterValue
|
|
3265
3210
|
};
|
|
3266
3211
|
}
|
|
3267
3212
|
}, {
|
|
@@ -3273,9 +3218,8 @@ let corePlugins = {
|
|
|
3273
3218
|
brightness: (value)=>{
|
|
3274
3219
|
return {
|
|
3275
3220
|
'--tw-brightness': `brightness(${value})`,
|
|
3276
|
-
'@defaults filter': {
|
|
3277
|
-
|
|
3278
|
-
filter: 'var(--tw-filter)'
|
|
3221
|
+
'@defaults filter': {},
|
|
3222
|
+
filter: cssFilterValue
|
|
3279
3223
|
};
|
|
3280
3224
|
}
|
|
3281
3225
|
}, {
|
|
@@ -3287,9 +3231,8 @@ let corePlugins = {
|
|
|
3287
3231
|
contrast: (value)=>{
|
|
3288
3232
|
return {
|
|
3289
3233
|
'--tw-contrast': `contrast(${value})`,
|
|
3290
|
-
'@defaults filter': {
|
|
3291
|
-
|
|
3292
|
-
filter: 'var(--tw-filter)'
|
|
3234
|
+
'@defaults filter': {},
|
|
3235
|
+
filter: cssFilterValue
|
|
3293
3236
|
};
|
|
3294
3237
|
}
|
|
3295
3238
|
}, {
|
|
@@ -3302,9 +3245,8 @@ let corePlugins = {
|
|
|
3302
3245
|
return {
|
|
3303
3246
|
'--tw-drop-shadow': Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`
|
|
3304
3247
|
).join(' ') : `drop-shadow(${value})`,
|
|
3305
|
-
'@defaults filter': {
|
|
3306
|
-
|
|
3307
|
-
filter: 'var(--tw-filter)'
|
|
3248
|
+
'@defaults filter': {},
|
|
3249
|
+
filter: cssFilterValue
|
|
3308
3250
|
};
|
|
3309
3251
|
}
|
|
3310
3252
|
}, {
|
|
@@ -3316,9 +3258,8 @@ let corePlugins = {
|
|
|
3316
3258
|
grayscale: (value)=>{
|
|
3317
3259
|
return {
|
|
3318
3260
|
'--tw-grayscale': `grayscale(${value})`,
|
|
3319
|
-
'@defaults filter': {
|
|
3320
|
-
|
|
3321
|
-
filter: 'var(--tw-filter)'
|
|
3261
|
+
'@defaults filter': {},
|
|
3262
|
+
filter: cssFilterValue
|
|
3322
3263
|
};
|
|
3323
3264
|
}
|
|
3324
3265
|
}, {
|
|
@@ -3330,9 +3271,8 @@ let corePlugins = {
|
|
|
3330
3271
|
'hue-rotate': (value)=>{
|
|
3331
3272
|
return {
|
|
3332
3273
|
'--tw-hue-rotate': `hue-rotate(${value})`,
|
|
3333
|
-
'@defaults filter': {
|
|
3334
|
-
|
|
3335
|
-
filter: 'var(--tw-filter)'
|
|
3274
|
+
'@defaults filter': {},
|
|
3275
|
+
filter: cssFilterValue
|
|
3336
3276
|
};
|
|
3337
3277
|
}
|
|
3338
3278
|
}, {
|
|
@@ -3345,9 +3285,8 @@ let corePlugins = {
|
|
|
3345
3285
|
invert: (value)=>{
|
|
3346
3286
|
return {
|
|
3347
3287
|
'--tw-invert': `invert(${value})`,
|
|
3348
|
-
'@defaults filter': {
|
|
3349
|
-
|
|
3350
|
-
filter: 'var(--tw-filter)'
|
|
3288
|
+
'@defaults filter': {},
|
|
3289
|
+
filter: cssFilterValue
|
|
3351
3290
|
};
|
|
3352
3291
|
}
|
|
3353
3292
|
}, {
|
|
@@ -3359,9 +3298,8 @@ let corePlugins = {
|
|
|
3359
3298
|
saturate: (value)=>{
|
|
3360
3299
|
return {
|
|
3361
3300
|
'--tw-saturate': `saturate(${value})`,
|
|
3362
|
-
'@defaults filter': {
|
|
3363
|
-
|
|
3364
|
-
filter: 'var(--tw-filter)'
|
|
3301
|
+
'@defaults filter': {},
|
|
3302
|
+
filter: cssFilterValue
|
|
3365
3303
|
};
|
|
3366
3304
|
}
|
|
3367
3305
|
}, {
|
|
@@ -3373,9 +3311,8 @@ let corePlugins = {
|
|
|
3373
3311
|
sepia: (value)=>{
|
|
3374
3312
|
return {
|
|
3375
3313
|
'--tw-sepia': `sepia(${value})`,
|
|
3376
|
-
'@defaults filter': {
|
|
3377
|
-
|
|
3378
|
-
filter: 'var(--tw-filter)'
|
|
3314
|
+
'@defaults filter': {},
|
|
3315
|
+
filter: cssFilterValue
|
|
3379
3316
|
};
|
|
3380
3317
|
}
|
|
3381
3318
|
}, {
|
|
@@ -3384,32 +3321,20 @@ let corePlugins = {
|
|
|
3384
3321
|
},
|
|
3385
3322
|
filter: ({ addDefaults , addUtilities })=>{
|
|
3386
3323
|
addDefaults('filter', {
|
|
3387
|
-
'--tw-blur': '
|
|
3388
|
-
'--tw-brightness': '
|
|
3389
|
-
'--tw-contrast': '
|
|
3390
|
-
'--tw-grayscale': '
|
|
3391
|
-
'--tw-hue-rotate': '
|
|
3392
|
-
'--tw-invert': '
|
|
3393
|
-
'--tw-saturate': '
|
|
3394
|
-
'--tw-sepia': '
|
|
3395
|
-
'--tw-drop-shadow': '
|
|
3396
|
-
'--tw-filter': [
|
|
3397
|
-
'var(--tw-blur)',
|
|
3398
|
-
'var(--tw-brightness)',
|
|
3399
|
-
'var(--tw-contrast)',
|
|
3400
|
-
'var(--tw-grayscale)',
|
|
3401
|
-
'var(--tw-hue-rotate)',
|
|
3402
|
-
'var(--tw-invert)',
|
|
3403
|
-
'var(--tw-saturate)',
|
|
3404
|
-
'var(--tw-sepia)',
|
|
3405
|
-
'var(--tw-drop-shadow)',
|
|
3406
|
-
].join(' ')
|
|
3324
|
+
'--tw-blur': ' ',
|
|
3325
|
+
'--tw-brightness': ' ',
|
|
3326
|
+
'--tw-contrast': ' ',
|
|
3327
|
+
'--tw-grayscale': ' ',
|
|
3328
|
+
'--tw-hue-rotate': ' ',
|
|
3329
|
+
'--tw-invert': ' ',
|
|
3330
|
+
'--tw-saturate': ' ',
|
|
3331
|
+
'--tw-sepia': ' ',
|
|
3332
|
+
'--tw-drop-shadow': ' '
|
|
3407
3333
|
});
|
|
3408
3334
|
addUtilities({
|
|
3409
3335
|
'.filter': {
|
|
3410
|
-
'@defaults filter': {
|
|
3411
|
-
|
|
3412
|
-
filter: 'var(--tw-filter)'
|
|
3336
|
+
'@defaults filter': {},
|
|
3337
|
+
filter: cssFilterValue
|
|
3413
3338
|
},
|
|
3414
3339
|
'.filter-none': {
|
|
3415
3340
|
filter: 'none'
|
|
@@ -3421,9 +3346,8 @@ let corePlugins = {
|
|
|
3421
3346
|
'backdrop-blur': (value)=>{
|
|
3422
3347
|
return {
|
|
3423
3348
|
'--tw-backdrop-blur': `blur(${value})`,
|
|
3424
|
-
'@defaults backdrop-filter': {
|
|
3425
|
-
|
|
3426
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3349
|
+
'@defaults backdrop-filter': {},
|
|
3350
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3427
3351
|
};
|
|
3428
3352
|
}
|
|
3429
3353
|
}, {
|
|
@@ -3435,9 +3359,8 @@ let corePlugins = {
|
|
|
3435
3359
|
'backdrop-brightness': (value)=>{
|
|
3436
3360
|
return {
|
|
3437
3361
|
'--tw-backdrop-brightness': `brightness(${value})`,
|
|
3438
|
-
'@defaults backdrop-filter': {
|
|
3439
|
-
|
|
3440
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3362
|
+
'@defaults backdrop-filter': {},
|
|
3363
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3441
3364
|
};
|
|
3442
3365
|
}
|
|
3443
3366
|
}, {
|
|
@@ -3449,9 +3372,8 @@ let corePlugins = {
|
|
|
3449
3372
|
'backdrop-contrast': (value)=>{
|
|
3450
3373
|
return {
|
|
3451
3374
|
'--tw-backdrop-contrast': `contrast(${value})`,
|
|
3452
|
-
'@defaults backdrop-filter': {
|
|
3453
|
-
|
|
3454
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3375
|
+
'@defaults backdrop-filter': {},
|
|
3376
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3455
3377
|
};
|
|
3456
3378
|
}
|
|
3457
3379
|
}, {
|
|
@@ -3463,9 +3385,8 @@ let corePlugins = {
|
|
|
3463
3385
|
'backdrop-grayscale': (value)=>{
|
|
3464
3386
|
return {
|
|
3465
3387
|
'--tw-backdrop-grayscale': `grayscale(${value})`,
|
|
3466
|
-
'@defaults backdrop-filter': {
|
|
3467
|
-
|
|
3468
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3388
|
+
'@defaults backdrop-filter': {},
|
|
3389
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3469
3390
|
};
|
|
3470
3391
|
}
|
|
3471
3392
|
}, {
|
|
@@ -3477,9 +3398,8 @@ let corePlugins = {
|
|
|
3477
3398
|
'backdrop-hue-rotate': (value)=>{
|
|
3478
3399
|
return {
|
|
3479
3400
|
'--tw-backdrop-hue-rotate': `hue-rotate(${value})`,
|
|
3480
|
-
'@defaults backdrop-filter': {
|
|
3481
|
-
|
|
3482
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3401
|
+
'@defaults backdrop-filter': {},
|
|
3402
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3483
3403
|
};
|
|
3484
3404
|
}
|
|
3485
3405
|
}, {
|
|
@@ -3492,9 +3412,8 @@ let corePlugins = {
|
|
|
3492
3412
|
'backdrop-invert': (value)=>{
|
|
3493
3413
|
return {
|
|
3494
3414
|
'--tw-backdrop-invert': `invert(${value})`,
|
|
3495
|
-
'@defaults backdrop-filter': {
|
|
3496
|
-
|
|
3497
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3415
|
+
'@defaults backdrop-filter': {},
|
|
3416
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3498
3417
|
};
|
|
3499
3418
|
}
|
|
3500
3419
|
}, {
|
|
@@ -3506,9 +3425,8 @@ let corePlugins = {
|
|
|
3506
3425
|
'backdrop-opacity': (value)=>{
|
|
3507
3426
|
return {
|
|
3508
3427
|
'--tw-backdrop-opacity': `opacity(${value})`,
|
|
3509
|
-
'@defaults backdrop-filter': {
|
|
3510
|
-
|
|
3511
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3428
|
+
'@defaults backdrop-filter': {},
|
|
3429
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3512
3430
|
};
|
|
3513
3431
|
}
|
|
3514
3432
|
}, {
|
|
@@ -3520,9 +3438,8 @@ let corePlugins = {
|
|
|
3520
3438
|
'backdrop-saturate': (value)=>{
|
|
3521
3439
|
return {
|
|
3522
3440
|
'--tw-backdrop-saturate': `saturate(${value})`,
|
|
3523
|
-
'@defaults backdrop-filter': {
|
|
3524
|
-
|
|
3525
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3441
|
+
'@defaults backdrop-filter': {},
|
|
3442
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3526
3443
|
};
|
|
3527
3444
|
}
|
|
3528
3445
|
}, {
|
|
@@ -3534,9 +3451,8 @@ let corePlugins = {
|
|
|
3534
3451
|
'backdrop-sepia': (value)=>{
|
|
3535
3452
|
return {
|
|
3536
3453
|
'--tw-backdrop-sepia': `sepia(${value})`,
|
|
3537
|
-
'@defaults backdrop-filter': {
|
|
3538
|
-
|
|
3539
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3454
|
+
'@defaults backdrop-filter': {},
|
|
3455
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3540
3456
|
};
|
|
3541
3457
|
}
|
|
3542
3458
|
}, {
|
|
@@ -3545,32 +3461,20 @@ let corePlugins = {
|
|
|
3545
3461
|
},
|
|
3546
3462
|
backdropFilter: ({ addDefaults , addUtilities })=>{
|
|
3547
3463
|
addDefaults('backdrop-filter', {
|
|
3548
|
-
'--tw-backdrop-blur': '
|
|
3549
|
-
'--tw-backdrop-brightness': '
|
|
3550
|
-
'--tw-backdrop-contrast': '
|
|
3551
|
-
'--tw-backdrop-grayscale': '
|
|
3552
|
-
'--tw-backdrop-hue-rotate': '
|
|
3553
|
-
'--tw-backdrop-invert': '
|
|
3554
|
-
'--tw-backdrop-opacity': '
|
|
3555
|
-
'--tw-backdrop-saturate': '
|
|
3556
|
-
'--tw-backdrop-sepia': '
|
|
3557
|
-
'--tw-backdrop-filter': [
|
|
3558
|
-
'var(--tw-backdrop-blur)',
|
|
3559
|
-
'var(--tw-backdrop-brightness)',
|
|
3560
|
-
'var(--tw-backdrop-contrast)',
|
|
3561
|
-
'var(--tw-backdrop-grayscale)',
|
|
3562
|
-
'var(--tw-backdrop-hue-rotate)',
|
|
3563
|
-
'var(--tw-backdrop-invert)',
|
|
3564
|
-
'var(--tw-backdrop-opacity)',
|
|
3565
|
-
'var(--tw-backdrop-saturate)',
|
|
3566
|
-
'var(--tw-backdrop-sepia)',
|
|
3567
|
-
].join(' ')
|
|
3464
|
+
'--tw-backdrop-blur': ' ',
|
|
3465
|
+
'--tw-backdrop-brightness': ' ',
|
|
3466
|
+
'--tw-backdrop-contrast': ' ',
|
|
3467
|
+
'--tw-backdrop-grayscale': ' ',
|
|
3468
|
+
'--tw-backdrop-hue-rotate': ' ',
|
|
3469
|
+
'--tw-backdrop-invert': ' ',
|
|
3470
|
+
'--tw-backdrop-opacity': ' ',
|
|
3471
|
+
'--tw-backdrop-saturate': ' ',
|
|
3472
|
+
'--tw-backdrop-sepia': ' '
|
|
3568
3473
|
});
|
|
3569
3474
|
addUtilities({
|
|
3570
3475
|
'.backdrop-filter': {
|
|
3571
|
-
'@defaults backdrop-filter': {
|
|
3572
|
-
|
|
3573
|
-
'backdrop-filter': 'var(--tw-backdrop-filter)'
|
|
3476
|
+
'@defaults backdrop-filter': {},
|
|
3477
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3574
3478
|
},
|
|
3575
3479
|
'.backdrop-filter-none': {
|
|
3576
3480
|
'backdrop-filter': 'none'
|
|
@@ -3584,8 +3488,7 @@ let corePlugins = {
|
|
|
3584
3488
|
transition: (value)=>{
|
|
3585
3489
|
return {
|
|
3586
3490
|
'transition-property': value,
|
|
3587
|
-
...value === 'none' ? {
|
|
3588
|
-
} : {
|
|
3491
|
+
...value === 'none' ? {} : {
|
|
3589
3492
|
'transition-timing-function': defaultTimingFunction,
|
|
3590
3493
|
'transition-duration': defaultDuration
|
|
3591
3494
|
}
|