You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
714 lines
21 KiB
714 lines
21 KiB
"use strict";
|
|
|
|
function _createForOfIteratorHelperLoose(o) { var i = 0; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } i = o[Symbol.iterator](); return i.next.bind(i); }
|
|
|
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
|
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
|
|
var unpack = require('caniuse-lite').feature;
|
|
|
|
function browsersSort(a, b) {
|
|
a = a.split(' ');
|
|
b = b.split(' ');
|
|
|
|
if (a[0] > b[0]) {
|
|
return 1;
|
|
} else if (a[0] < b[0]) {
|
|
return -1;
|
|
} else {
|
|
return Math.sign(parseFloat(a[1]) - parseFloat(b[1]));
|
|
}
|
|
} // Convert Can I Use data
|
|
|
|
|
|
function f(data, opts, callback) {
|
|
data = unpack(data);
|
|
|
|
if (!callback) {
|
|
var _ref = [opts, {}];
|
|
callback = _ref[0];
|
|
opts = _ref[1];
|
|
}
|
|
|
|
var match = opts.match || /\sx($|\s)/;
|
|
var need = [];
|
|
|
|
for (var browser in data.stats) {
|
|
var versions = data.stats[browser];
|
|
|
|
for (var version in versions) {
|
|
var support = versions[version];
|
|
|
|
if (support.match(match)) {
|
|
need.push(browser + ' ' + version);
|
|
}
|
|
}
|
|
}
|
|
|
|
callback(need.sort(browsersSort));
|
|
} // Add data for all properties
|
|
|
|
|
|
var result = {};
|
|
|
|
function prefix(names, data) {
|
|
for (var _iterator = _createForOfIteratorHelperLoose(names), _step; !(_step = _iterator()).done;) {
|
|
var name = _step.value;
|
|
result[name] = Object.assign({}, data);
|
|
}
|
|
}
|
|
|
|
function add(names, data) {
|
|
for (var _iterator2 = _createForOfIteratorHelperLoose(names), _step2; !(_step2 = _iterator2()).done;) {
|
|
var name = _step2.value;
|
|
result[name].browsers = result[name].browsers.concat(data.browsers).sort(browsersSort);
|
|
}
|
|
}
|
|
|
|
module.exports = result; // Border Radius
|
|
|
|
f(require('caniuse-lite/data/features/border-radius'), function (browsers) {
|
|
return prefix(['border-radius', 'border-top-left-radius', 'border-top-right-radius', 'border-bottom-right-radius', 'border-bottom-left-radius'], {
|
|
mistakes: ['-khtml-', '-ms-', '-o-'],
|
|
feature: 'border-radius',
|
|
browsers: browsers
|
|
});
|
|
}); // Box Shadow
|
|
|
|
f(require('caniuse-lite/data/features/css-boxshadow'), function (browsers) {
|
|
return prefix(['box-shadow'], {
|
|
mistakes: ['-khtml-'],
|
|
feature: 'css-boxshadow',
|
|
browsers: browsers
|
|
});
|
|
}); // Animation
|
|
|
|
f(require('caniuse-lite/data/features/css-animation'), function (browsers) {
|
|
return prefix(['animation', 'animation-name', 'animation-duration', 'animation-delay', 'animation-direction', 'animation-fill-mode', 'animation-iteration-count', 'animation-play-state', 'animation-timing-function', '@keyframes'], {
|
|
mistakes: ['-khtml-', '-ms-'],
|
|
feature: 'css-animation',
|
|
browsers: browsers
|
|
});
|
|
}); // Transition
|
|
|
|
f(require('caniuse-lite/data/features/css-transitions'), function (browsers) {
|
|
return prefix(['transition', 'transition-property', 'transition-duration', 'transition-delay', 'transition-timing-function'], {
|
|
mistakes: ['-khtml-', '-ms-'],
|
|
browsers: browsers,
|
|
feature: 'css-transitions'
|
|
});
|
|
}); // Transform 2D
|
|
|
|
f(require('caniuse-lite/data/features/transforms2d'), function (browsers) {
|
|
return prefix(['transform', 'transform-origin'], {
|
|
feature: 'transforms2d',
|
|
browsers: browsers
|
|
});
|
|
}); // Transform 3D
|
|
|
|
var transforms3d = require('caniuse-lite/data/features/transforms3d');
|
|
|
|
f(transforms3d, function (browsers) {
|
|
prefix(['perspective', 'perspective-origin'], {
|
|
feature: 'transforms3d',
|
|
browsers: browsers
|
|
});
|
|
return prefix(['transform-style'], {
|
|
mistakes: ['-ms-', '-o-'],
|
|
browsers: browsers,
|
|
feature: 'transforms3d'
|
|
});
|
|
});
|
|
f(transforms3d, {
|
|
match: /y\sx|y\s#2/
|
|
}, function (browsers) {
|
|
return prefix(['backface-visibility'], {
|
|
mistakes: ['-ms-', '-o-'],
|
|
feature: 'transforms3d',
|
|
browsers: browsers
|
|
});
|
|
}); // Gradients
|
|
|
|
var gradients = require('caniuse-lite/data/features/css-gradients');
|
|
|
|
f(gradients, {
|
|
match: /y\sx/
|
|
}, function (browsers) {
|
|
return prefix(['linear-gradient', 'repeating-linear-gradient', 'radial-gradient', 'repeating-radial-gradient'], {
|
|
props: ['background', 'background-image', 'border-image', 'mask', 'list-style', 'list-style-image', 'content', 'mask-image'],
|
|
mistakes: ['-ms-'],
|
|
feature: 'css-gradients',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(gradients, {
|
|
match: /a\sx/
|
|
}, function (browsers) {
|
|
browsers = browsers.map(function (i) {
|
|
if (/firefox|op/.test(i)) {
|
|
return i;
|
|
} else {
|
|
return i + " old";
|
|
}
|
|
});
|
|
return add(['linear-gradient', 'repeating-linear-gradient', 'radial-gradient', 'repeating-radial-gradient'], {
|
|
feature: 'css-gradients',
|
|
browsers: browsers
|
|
});
|
|
}); // Box sizing
|
|
|
|
f(require('caniuse-lite/data/features/css3-boxsizing'), function (browsers) {
|
|
return prefix(['box-sizing'], {
|
|
feature: 'css3-boxsizing',
|
|
browsers: browsers
|
|
});
|
|
}); // Filter Effects
|
|
|
|
f(require('caniuse-lite/data/features/css-filters'), function (browsers) {
|
|
return prefix(['filter'], {
|
|
feature: 'css-filters',
|
|
browsers: browsers
|
|
});
|
|
}); // filter() function
|
|
|
|
f(require('caniuse-lite/data/features/css-filter-function'), function (browsers) {
|
|
return prefix(['filter-function'], {
|
|
props: ['background', 'background-image', 'border-image', 'mask', 'list-style', 'list-style-image', 'content', 'mask-image'],
|
|
feature: 'css-filter-function',
|
|
browsers: browsers
|
|
});
|
|
}); // Backdrop-filter
|
|
|
|
var backdrop = require('caniuse-lite/data/features/css-backdrop-filter');
|
|
|
|
f(backdrop, {
|
|
match: /y\sx|y\s#2/
|
|
}, function (browsers) {
|
|
return prefix(['backdrop-filter'], {
|
|
feature: 'css-backdrop-filter',
|
|
browsers: browsers
|
|
});
|
|
}); // element() function
|
|
|
|
f(require('caniuse-lite/data/features/css-element-function'), function (browsers) {
|
|
return prefix(['element'], {
|
|
props: ['background', 'background-image', 'border-image', 'mask', 'list-style', 'list-style-image', 'content', 'mask-image'],
|
|
feature: 'css-element-function',
|
|
browsers: browsers
|
|
});
|
|
}); // Multicolumns
|
|
|
|
f(require('caniuse-lite/data/features/multicolumn'), function (browsers) {
|
|
prefix(['columns', 'column-width', 'column-gap', 'column-rule', 'column-rule-color', 'column-rule-width', 'column-count', 'column-rule-style', 'column-span', 'column-fill'], {
|
|
feature: 'multicolumn',
|
|
browsers: browsers
|
|
});
|
|
var noff = browsers.filter(function (i) {
|
|
return !/firefox/.test(i);
|
|
});
|
|
prefix(['break-before', 'break-after', 'break-inside'], {
|
|
feature: 'multicolumn',
|
|
browsers: noff
|
|
});
|
|
}); // User select
|
|
|
|
f(require('caniuse-lite/data/features/user-select-none'), function (browsers) {
|
|
return prefix(['user-select'], {
|
|
mistakes: ['-khtml-'],
|
|
feature: 'user-select-none',
|
|
browsers: browsers
|
|
});
|
|
}); // Flexible Box Layout
|
|
|
|
var flexbox = require('caniuse-lite/data/features/flexbox');
|
|
|
|
f(flexbox, {
|
|
match: /a\sx/
|
|
}, function (browsers) {
|
|
browsers = browsers.map(function (i) {
|
|
if (/ie|firefox/.test(i)) {
|
|
return i;
|
|
} else {
|
|
return i + " 2009";
|
|
}
|
|
});
|
|
prefix(['display-flex', 'inline-flex'], {
|
|
props: ['display'],
|
|
feature: 'flexbox',
|
|
browsers: browsers
|
|
});
|
|
prefix(['flex', 'flex-grow', 'flex-shrink', 'flex-basis'], {
|
|
feature: 'flexbox',
|
|
browsers: browsers
|
|
});
|
|
prefix(['flex-direction', 'flex-wrap', 'flex-flow', 'justify-content', 'order', 'align-items', 'align-self', 'align-content'], {
|
|
feature: 'flexbox',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(flexbox, {
|
|
match: /y\sx/
|
|
}, function (browsers) {
|
|
add(['display-flex', 'inline-flex'], {
|
|
feature: 'flexbox',
|
|
browsers: browsers
|
|
});
|
|
add(['flex', 'flex-grow', 'flex-shrink', 'flex-basis'], {
|
|
feature: 'flexbox',
|
|
browsers: browsers
|
|
});
|
|
add(['flex-direction', 'flex-wrap', 'flex-flow', 'justify-content', 'order', 'align-items', 'align-self', 'align-content'], {
|
|
feature: 'flexbox',
|
|
browsers: browsers
|
|
});
|
|
}); // calc() unit
|
|
|
|
f(require('caniuse-lite/data/features/calc'), function (browsers) {
|
|
return prefix(['calc'], {
|
|
props: ['*'],
|
|
feature: 'calc',
|
|
browsers: browsers
|
|
});
|
|
}); // Background options
|
|
|
|
f(require('caniuse-lite/data/features/background-img-opts'), function (browsers) {
|
|
return prefix(['background-origin', 'background-size'], {
|
|
feature: 'background-img-opts',
|
|
browsers: browsers
|
|
});
|
|
}); // background-clip: text
|
|
|
|
f(require('caniuse-lite/data/features/background-clip-text'), function (browsers) {
|
|
return prefix(['background-clip'], {
|
|
feature: 'background-clip-text',
|
|
browsers: browsers
|
|
});
|
|
}); // Font feature settings
|
|
|
|
f(require('caniuse-lite/data/features/font-feature'), function (browsers) {
|
|
return prefix(['font-feature-settings', 'font-variant-ligatures', 'font-language-override'], {
|
|
feature: 'font-feature',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS font-kerning property
|
|
|
|
f(require('caniuse-lite/data/features/font-kerning'), function (browsers) {
|
|
return prefix(['font-kerning'], {
|
|
feature: 'font-kerning',
|
|
browsers: browsers
|
|
});
|
|
}); // Border image
|
|
|
|
f(require('caniuse-lite/data/features/border-image'), function (browsers) {
|
|
return prefix(['border-image'], {
|
|
feature: 'border-image',
|
|
browsers: browsers
|
|
});
|
|
}); // Selection selector
|
|
|
|
f(require('caniuse-lite/data/features/css-selection'), function (browsers) {
|
|
return prefix(['::selection'], {
|
|
selector: true,
|
|
feature: 'css-selection',
|
|
browsers: browsers
|
|
});
|
|
}); // Placeholder selector
|
|
|
|
f(require('caniuse-lite/data/features/css-placeholder'), function (browsers) {
|
|
prefix(['::placeholder'], {
|
|
selector: true,
|
|
feature: 'css-placeholder',
|
|
browsers: browsers.concat(['ie 10 old', 'ie 11 old', 'firefox 18 old'])
|
|
});
|
|
}); // Placeholder-shown selector
|
|
|
|
f(require('caniuse-lite/data/features/css-placeholder-shown'), function (browsers) {
|
|
prefix([':placeholder-shown'], {
|
|
selector: true,
|
|
feature: 'css-placeholder-shown',
|
|
browsers: browsers
|
|
});
|
|
}); // Hyphenation
|
|
|
|
f(require('caniuse-lite/data/features/css-hyphens'), function (browsers) {
|
|
return prefix(['hyphens'], {
|
|
feature: 'css-hyphens',
|
|
browsers: browsers
|
|
});
|
|
}); // Fullscreen selector
|
|
|
|
var fullscreen = require('caniuse-lite/data/features/fullscreen');
|
|
|
|
f(fullscreen, function (browsers) {
|
|
return prefix([':fullscreen'], {
|
|
selector: true,
|
|
feature: 'fullscreen',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(fullscreen, {
|
|
match: /x(\s#2|$)/
|
|
}, function (browsers) {
|
|
return prefix(['::backdrop'], {
|
|
selector: true,
|
|
feature: 'fullscreen',
|
|
browsers: browsers
|
|
});
|
|
}); // Tab size
|
|
|
|
f(require('caniuse-lite/data/features/css3-tabsize'), function (browsers) {
|
|
return prefix(['tab-size'], {
|
|
feature: 'css3-tabsize',
|
|
browsers: browsers
|
|
});
|
|
}); // Intrinsic & extrinsic sizing
|
|
|
|
var intrinsic = require('caniuse-lite/data/features/intrinsic-width');
|
|
|
|
var sizeProps = ['width', 'min-width', 'max-width', 'height', 'min-height', 'max-height', 'inline-size', 'min-inline-size', 'max-inline-size', 'block-size', 'min-block-size', 'max-block-size', 'grid', 'grid-template', 'grid-template-rows', 'grid-template-columns', 'grid-auto-columns', 'grid-auto-rows'];
|
|
f(intrinsic, function (browsers) {
|
|
return prefix(['max-content', 'min-content'], {
|
|
props: sizeProps,
|
|
feature: 'intrinsic-width',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(intrinsic, {
|
|
match: /x|\s#4/
|
|
}, function (browsers) {
|
|
return prefix(['fill', 'fill-available', 'stretch'], {
|
|
props: sizeProps,
|
|
feature: 'intrinsic-width',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(intrinsic, {
|
|
match: /x|\s#5/
|
|
}, function (browsers) {
|
|
return prefix(['fit-content'], {
|
|
props: sizeProps,
|
|
feature: 'intrinsic-width',
|
|
browsers: browsers
|
|
});
|
|
}); // Zoom cursors
|
|
|
|
f(require('caniuse-lite/data/features/css3-cursors-newer'), function (browsers) {
|
|
return prefix(['zoom-in', 'zoom-out'], {
|
|
props: ['cursor'],
|
|
feature: 'css3-cursors-newer',
|
|
browsers: browsers
|
|
});
|
|
}); // Grab cursors
|
|
|
|
f(require('caniuse-lite/data/features/css3-cursors-grab'), function (browsers) {
|
|
return prefix(['grab', 'grabbing'], {
|
|
props: ['cursor'],
|
|
feature: 'css3-cursors-grab',
|
|
browsers: browsers
|
|
});
|
|
}); // Sticky position
|
|
|
|
f(require('caniuse-lite/data/features/css-sticky'), function (browsers) {
|
|
return prefix(['sticky'], {
|
|
props: ['position'],
|
|
feature: 'css-sticky',
|
|
browsers: browsers
|
|
});
|
|
}); // Pointer Events
|
|
|
|
f(require('caniuse-lite/data/features/pointer'), function (browsers) {
|
|
return prefix(['touch-action'], {
|
|
feature: 'pointer',
|
|
browsers: browsers
|
|
});
|
|
}); // Text decoration
|
|
|
|
var decoration = require('caniuse-lite/data/features/text-decoration');
|
|
|
|
f(decoration, function (browsers) {
|
|
return prefix(['text-decoration-style', 'text-decoration-color', 'text-decoration-line', 'text-decoration'], {
|
|
feature: 'text-decoration',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(decoration, {
|
|
match: /x.*#[235]/
|
|
}, function (browsers) {
|
|
return prefix(['text-decoration-skip', 'text-decoration-skip-ink'], {
|
|
feature: 'text-decoration',
|
|
browsers: browsers
|
|
});
|
|
}); // Text Size Adjust
|
|
|
|
f(require('caniuse-lite/data/features/text-size-adjust'), function (browsers) {
|
|
return prefix(['text-size-adjust'], {
|
|
feature: 'text-size-adjust',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS Masks
|
|
|
|
f(require('caniuse-lite/data/features/css-masks'), function (browsers) {
|
|
prefix(['mask-clip', 'mask-composite', 'mask-image', 'mask-origin', 'mask-repeat', 'mask-border-repeat', 'mask-border-source'], {
|
|
feature: 'css-masks',
|
|
browsers: browsers
|
|
});
|
|
prefix(['mask', 'mask-position', 'mask-size', 'mask-border', 'mask-border-outset', 'mask-border-width', 'mask-border-slice'], {
|
|
feature: 'css-masks',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS clip-path property
|
|
|
|
f(require('caniuse-lite/data/features/css-clip-path'), function (browsers) {
|
|
return prefix(['clip-path'], {
|
|
feature: 'css-clip-path',
|
|
browsers: browsers
|
|
});
|
|
}); // Fragmented Borders and Backgrounds
|
|
|
|
f(require('caniuse-lite/data/features/css-boxdecorationbreak'), function (browsers) {
|
|
return prefix(['box-decoration-break'], {
|
|
feature: 'css-boxdecorationbreak',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS3 object-fit/object-position
|
|
|
|
f(require('caniuse-lite/data/features/object-fit'), function (browsers) {
|
|
return prefix(['object-fit', 'object-position'], {
|
|
feature: 'object-fit',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS Shapes
|
|
|
|
f(require('caniuse-lite/data/features/css-shapes'), function (browsers) {
|
|
return prefix(['shape-margin', 'shape-outside', 'shape-image-threshold'], {
|
|
feature: 'css-shapes',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS3 text-overflow
|
|
|
|
f(require('caniuse-lite/data/features/text-overflow'), function (browsers) {
|
|
return prefix(['text-overflow'], {
|
|
feature: 'text-overflow',
|
|
browsers: browsers
|
|
});
|
|
}); // Viewport at-rule
|
|
|
|
f(require('caniuse-lite/data/features/css-deviceadaptation'), function (browsers) {
|
|
return prefix(['@viewport'], {
|
|
feature: 'css-deviceadaptation',
|
|
browsers: browsers
|
|
});
|
|
}); // Resolution Media Queries
|
|
|
|
var resolut = require('caniuse-lite/data/features/css-media-resolution');
|
|
|
|
f(resolut, {
|
|
match: /( x($| )|a #2)/
|
|
}, function (browsers) {
|
|
return prefix(['@resolution'], {
|
|
feature: 'css-media-resolution',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS text-align-last
|
|
|
|
f(require('caniuse-lite/data/features/css-text-align-last'), function (browsers) {
|
|
return prefix(['text-align-last'], {
|
|
feature: 'css-text-align-last',
|
|
browsers: browsers
|
|
});
|
|
}); // Crisp Edges Image Rendering Algorithm
|
|
|
|
var crispedges = require('caniuse-lite/data/features/css-crisp-edges');
|
|
|
|
f(crispedges, {
|
|
match: /y x|a x #1/
|
|
}, function (browsers) {
|
|
return prefix(['pixelated'], {
|
|
props: ['image-rendering'],
|
|
feature: 'css-crisp-edges',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(crispedges, {
|
|
match: /a x #2/
|
|
}, function (browsers) {
|
|
return prefix(['image-rendering'], {
|
|
feature: 'css-crisp-edges',
|
|
browsers: browsers
|
|
});
|
|
}); // Logical Properties
|
|
|
|
var logicalProps = require('caniuse-lite/data/features/css-logical-props');
|
|
|
|
f(logicalProps, function (browsers) {
|
|
return prefix(['border-inline-start', 'border-inline-end', 'margin-inline-start', 'margin-inline-end', 'padding-inline-start', 'padding-inline-end'], {
|
|
feature: 'css-logical-props',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(logicalProps, {
|
|
match: /x\s#2/
|
|
}, function (browsers) {
|
|
return prefix(['border-block-start', 'border-block-end', 'margin-block-start', 'margin-block-end', 'padding-block-start', 'padding-block-end'], {
|
|
feature: 'css-logical-props',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS appearance
|
|
|
|
var appearance = require('caniuse-lite/data/features/css-appearance');
|
|
|
|
f(appearance, {
|
|
match: /#2|x/
|
|
}, function (browsers) {
|
|
return prefix(['appearance'], {
|
|
feature: 'css-appearance',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS Scroll snap points
|
|
|
|
f(require('caniuse-lite/data/features/css-snappoints'), function (browsers) {
|
|
return prefix(['scroll-snap-type', 'scroll-snap-coordinate', 'scroll-snap-destination', 'scroll-snap-points-x', 'scroll-snap-points-y'], {
|
|
feature: 'css-snappoints',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS Regions
|
|
|
|
f(require('caniuse-lite/data/features/css-regions'), function (browsers) {
|
|
return prefix(['flow-into', 'flow-from', 'region-fragment'], {
|
|
feature: 'css-regions',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS image-set
|
|
|
|
f(require('caniuse-lite/data/features/css-image-set'), function (browsers) {
|
|
return prefix(['image-set'], {
|
|
props: ['background', 'background-image', 'border-image', 'cursor', 'mask', 'mask-image', 'list-style', 'list-style-image', 'content'],
|
|
feature: 'css-image-set',
|
|
browsers: browsers
|
|
});
|
|
}); // Writing Mode
|
|
|
|
var writingMode = require('caniuse-lite/data/features/css-writing-mode');
|
|
|
|
f(writingMode, {
|
|
match: /a|x/
|
|
}, function (browsers) {
|
|
return prefix(['writing-mode'], {
|
|
feature: 'css-writing-mode',
|
|
browsers: browsers
|
|
});
|
|
}); // Cross-Fade Function
|
|
|
|
f(require('caniuse-lite/data/features/css-cross-fade'), function (browsers) {
|
|
return prefix(['cross-fade'], {
|
|
props: ['background', 'background-image', 'border-image', 'mask', 'list-style', 'list-style-image', 'content', 'mask-image'],
|
|
feature: 'css-cross-fade',
|
|
browsers: browsers
|
|
});
|
|
}); // Read Only selector
|
|
|
|
f(require('caniuse-lite/data/features/css-read-only-write'), function (browsers) {
|
|
return prefix([':read-only', ':read-write'], {
|
|
selector: true,
|
|
feature: 'css-read-only-write',
|
|
browsers: browsers
|
|
});
|
|
}); // Text Emphasize
|
|
|
|
f(require('caniuse-lite/data/features/text-emphasis'), function (browsers) {
|
|
return prefix(['text-emphasis', 'text-emphasis-position', 'text-emphasis-style', 'text-emphasis-color'], {
|
|
feature: 'text-emphasis',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS Grid Layout
|
|
|
|
var grid = require('caniuse-lite/data/features/css-grid');
|
|
|
|
f(grid, function (browsers) {
|
|
prefix(['display-grid', 'inline-grid'], {
|
|
props: ['display'],
|
|
feature: 'css-grid',
|
|
browsers: browsers
|
|
});
|
|
prefix(['grid-template-columns', 'grid-template-rows', 'grid-row-start', 'grid-column-start', 'grid-row-end', 'grid-column-end', 'grid-row', 'grid-column', 'grid-area', 'grid-template', 'grid-template-areas', 'place-self'], {
|
|
feature: 'css-grid',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(grid, {
|
|
match: /a x/
|
|
}, function (browsers) {
|
|
return prefix(['grid-column-align', 'grid-row-align'], {
|
|
feature: 'css-grid',
|
|
browsers: browsers
|
|
});
|
|
}); // CSS text-spacing
|
|
|
|
f(require('caniuse-lite/data/features/css-text-spacing'), function (browsers) {
|
|
return prefix(['text-spacing'], {
|
|
feature: 'css-text-spacing',
|
|
browsers: browsers
|
|
});
|
|
}); // :any-link selector
|
|
|
|
f(require('caniuse-lite/data/features/css-any-link'), function (browsers) {
|
|
return prefix([':any-link'], {
|
|
selector: true,
|
|
feature: 'css-any-link',
|
|
browsers: browsers
|
|
});
|
|
}); // unicode-bidi
|
|
|
|
var bidi = require('caniuse-lite/data/features/css-unicode-bidi');
|
|
|
|
f(bidi, function (browsers) {
|
|
return prefix(['isolate'], {
|
|
props: ['unicode-bidi'],
|
|
feature: 'css-unicode-bidi',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(bidi, {
|
|
match: /y x|a x #2/
|
|
}, function (browsers) {
|
|
return prefix(['plaintext'], {
|
|
props: ['unicode-bidi'],
|
|
feature: 'css-unicode-bidi',
|
|
browsers: browsers
|
|
});
|
|
});
|
|
f(bidi, {
|
|
match: /y x/
|
|
}, function (browsers) {
|
|
return prefix(['isolate-override'], {
|
|
props: ['unicode-bidi'],
|
|
feature: 'css-unicode-bidi',
|
|
browsers: browsers
|
|
});
|
|
}); // overscroll-behavior selector
|
|
|
|
var over = require('caniuse-lite/data/features/css-overscroll-behavior');
|
|
|
|
f(over, {
|
|
match: /a #1/
|
|
}, function (browsers) {
|
|
return prefix(['overscroll-behavior'], {
|
|
feature: 'css-overscroll-behavior',
|
|
browsers: browsers
|
|
});
|
|
}); // color-adjust
|
|
|
|
f(require('caniuse-lite/data/features/css-color-adjust'), function (browsers) {
|
|
return prefix(['color-adjust'], {
|
|
feature: 'css-color-adjust',
|
|
browsers: browsers
|
|
});
|
|
}); // text-orientation
|
|
|
|
f(require('caniuse-lite/data/features/css-text-orientation'), function (browsers) {
|
|
return prefix(['text-orientation'], {
|
|
feature: 'css-text-orientation',
|
|
browsers: browsers
|
|
});
|
|
}); |