progress on migrating to heex templates and font-icons
This commit is contained in:
parent
d43daafdb7
commit
3eff955672
21793 changed files with 2161968 additions and 16895 deletions
assets_old/node_modules/autoprefixer/data
974
assets_old/node_modules/autoprefixer/data/prefixes.js
generated
vendored
Normal file
974
assets_old/node_modules/autoprefixer/data/prefixes.js
generated
vendored
Normal file
|
|
@ -0,0 +1,974 @@
|
|||
let 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) {
|
||||
;[callback, opts] = [opts, {}]
|
||||
}
|
||||
|
||||
let match = opts.match || /\sx($|\s)/
|
||||
let need = []
|
||||
|
||||
for (let browser in data.stats) {
|
||||
let versions = data.stats[browser]
|
||||
for (let version in versions) {
|
||||
let support = versions[version]
|
||||
if (support.match(match)) {
|
||||
need.push(browser + ' ' + version)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
callback(need.sort(browsersSort))
|
||||
}
|
||||
|
||||
// Add data for all properties
|
||||
let result = {}
|
||||
|
||||
function prefix (names, data) {
|
||||
for (let name of names) {
|
||||
result[name] = Object.assign({}, data)
|
||||
}
|
||||
}
|
||||
|
||||
function add (names, data) {
|
||||
for (let name of names) {
|
||||
result[name].browsers = result[name].browsers
|
||||
.concat(data.browsers)
|
||||
.sort(browsersSort)
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = result
|
||||
|
||||
// Border Radius
|
||||
f(require('caniuse-lite/data/features/border-radius'), browsers =>
|
||||
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
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
// Box Shadow
|
||||
f(require('caniuse-lite/data/features/css-boxshadow'), browsers =>
|
||||
prefix(['box-shadow'], {
|
||||
mistakes: ['-khtml-'],
|
||||
feature: 'css-boxshadow',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Animation
|
||||
f(require('caniuse-lite/data/features/css-animation'), browsers =>
|
||||
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
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
// Transition
|
||||
f(require('caniuse-lite/data/features/css-transitions'), browsers =>
|
||||
prefix(
|
||||
[
|
||||
'transition',
|
||||
'transition-property',
|
||||
'transition-duration',
|
||||
'transition-delay',
|
||||
'transition-timing-function'
|
||||
],
|
||||
{
|
||||
mistakes: ['-khtml-', '-ms-'],
|
||||
browsers,
|
||||
feature: 'css-transitions'
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
// Transform 2D
|
||||
f(require('caniuse-lite/data/features/transforms2d'), browsers =>
|
||||
prefix(['transform', 'transform-origin'], {
|
||||
feature: 'transforms2d',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Transform 3D
|
||||
let transforms3d = require('caniuse-lite/data/features/transforms3d')
|
||||
|
||||
f(transforms3d, browsers => {
|
||||
prefix(['perspective', 'perspective-origin'], {
|
||||
feature: 'transforms3d',
|
||||
browsers
|
||||
})
|
||||
return prefix(['transform-style'], {
|
||||
mistakes: ['-ms-', '-o-'],
|
||||
browsers,
|
||||
feature: 'transforms3d'
|
||||
})
|
||||
})
|
||||
|
||||
f(transforms3d, { match: /y\sx|y\s#2/ }, browsers =>
|
||||
prefix(['backface-visibility'], {
|
||||
mistakes: ['-ms-', '-o-'],
|
||||
feature: 'transforms3d',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Gradients
|
||||
let gradients = require('caniuse-lite/data/features/css-gradients')
|
||||
|
||||
f(gradients, { match: /y\sx/ }, browsers =>
|
||||
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
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
f(gradients, { match: /a\sx/ }, browsers => {
|
||||
browsers = browsers.map(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
|
||||
}
|
||||
)
|
||||
})
|
||||
|
||||
// Box sizing
|
||||
f(require('caniuse-lite/data/features/css3-boxsizing'), browsers =>
|
||||
prefix(['box-sizing'], {
|
||||
feature: 'css3-boxsizing',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Filter Effects
|
||||
f(require('caniuse-lite/data/features/css-filters'), browsers =>
|
||||
prefix(['filter'], {
|
||||
feature: 'css-filters',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// filter() function
|
||||
f(require('caniuse-lite/data/features/css-filter-function'), browsers =>
|
||||
prefix(['filter-function'], {
|
||||
props: [
|
||||
'background',
|
||||
'background-image',
|
||||
'border-image',
|
||||
'mask',
|
||||
'list-style',
|
||||
'list-style-image',
|
||||
'content',
|
||||
'mask-image'
|
||||
],
|
||||
feature: 'css-filter-function',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Backdrop-filter
|
||||
let backdrop = require('caniuse-lite/data/features/css-backdrop-filter')
|
||||
|
||||
f(backdrop, { match: /y\sx|y\s#2/ }, browsers =>
|
||||
prefix(['backdrop-filter'], {
|
||||
feature: 'css-backdrop-filter',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// element() function
|
||||
f(require('caniuse-lite/data/features/css-element-function'), browsers =>
|
||||
prefix(['element'], {
|
||||
props: [
|
||||
'background',
|
||||
'background-image',
|
||||
'border-image',
|
||||
'mask',
|
||||
'list-style',
|
||||
'list-style-image',
|
||||
'content',
|
||||
'mask-image'
|
||||
],
|
||||
feature: 'css-element-function',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Multicolumns
|
||||
f(require('caniuse-lite/data/features/multicolumn'), 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
|
||||
}
|
||||
)
|
||||
|
||||
let noff = browsers.filter(i => !/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'), browsers =>
|
||||
prefix(['user-select'], {
|
||||
mistakes: ['-khtml-'],
|
||||
feature: 'user-select-none',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Flexible Box Layout
|
||||
let flexbox = require('caniuse-lite/data/features/flexbox')
|
||||
|
||||
f(flexbox, { match: /a\sx/ }, browsers => {
|
||||
browsers = browsers.map(i => {
|
||||
if (/ie|firefox/.test(i)) {
|
||||
return i
|
||||
} else {
|
||||
return `${i} 2009`
|
||||
}
|
||||
})
|
||||
prefix(['display-flex', 'inline-flex'], {
|
||||
props: ['display'],
|
||||
feature: 'flexbox',
|
||||
browsers
|
||||
})
|
||||
prefix(['flex', 'flex-grow', 'flex-shrink', 'flex-basis'], {
|
||||
feature: 'flexbox',
|
||||
browsers
|
||||
})
|
||||
prefix(
|
||||
[
|
||||
'flex-direction',
|
||||
'flex-wrap',
|
||||
'flex-flow',
|
||||
'justify-content',
|
||||
'order',
|
||||
'align-items',
|
||||
'align-self',
|
||||
'align-content'
|
||||
],
|
||||
{
|
||||
feature: 'flexbox',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
})
|
||||
|
||||
f(flexbox, { match: /y\sx/ }, browsers => {
|
||||
add(['display-flex', 'inline-flex'], {
|
||||
feature: 'flexbox',
|
||||
browsers
|
||||
})
|
||||
add(['flex', 'flex-grow', 'flex-shrink', 'flex-basis'], {
|
||||
feature: 'flexbox',
|
||||
browsers
|
||||
})
|
||||
add(
|
||||
[
|
||||
'flex-direction',
|
||||
'flex-wrap',
|
||||
'flex-flow',
|
||||
'justify-content',
|
||||
'order',
|
||||
'align-items',
|
||||
'align-self',
|
||||
'align-content'
|
||||
],
|
||||
{
|
||||
feature: 'flexbox',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
})
|
||||
|
||||
// calc() unit
|
||||
f(require('caniuse-lite/data/features/calc'), browsers =>
|
||||
prefix(['calc'], {
|
||||
props: ['*'],
|
||||
feature: 'calc',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Background options
|
||||
f(require('caniuse-lite/data/features/background-img-opts'), browsers =>
|
||||
prefix(['background-origin', 'background-size'], {
|
||||
feature: 'background-img-opts',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// background-clip: text
|
||||
f(require('caniuse-lite/data/features/background-clip-text'), browsers =>
|
||||
prefix(['background-clip'], {
|
||||
feature: 'background-clip-text',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Font feature settings
|
||||
f(require('caniuse-lite/data/features/font-feature'), browsers =>
|
||||
prefix(
|
||||
[
|
||||
'font-feature-settings',
|
||||
'font-variant-ligatures',
|
||||
'font-language-override'
|
||||
],
|
||||
{
|
||||
feature: 'font-feature',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
// CSS font-kerning property
|
||||
f(require('caniuse-lite/data/features/font-kerning'), browsers =>
|
||||
prefix(['font-kerning'], {
|
||||
feature: 'font-kerning',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Border image
|
||||
f(require('caniuse-lite/data/features/border-image'), browsers =>
|
||||
prefix(['border-image'], {
|
||||
feature: 'border-image',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Selection selector
|
||||
f(require('caniuse-lite/data/features/css-selection'), browsers =>
|
||||
prefix(['::selection'], {
|
||||
selector: true,
|
||||
feature: 'css-selection',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Placeholder selector
|
||||
f(require('caniuse-lite/data/features/css-placeholder'), 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'), browsers => {
|
||||
prefix([':placeholder-shown'], {
|
||||
selector: true,
|
||||
feature: 'css-placeholder-shown',
|
||||
browsers
|
||||
})
|
||||
})
|
||||
|
||||
// Hyphenation
|
||||
f(require('caniuse-lite/data/features/css-hyphens'), browsers =>
|
||||
prefix(['hyphens'], {
|
||||
feature: 'css-hyphens',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Fullscreen selector
|
||||
let fullscreen = require('caniuse-lite/data/features/fullscreen')
|
||||
|
||||
f(fullscreen, browsers =>
|
||||
prefix([':fullscreen'], {
|
||||
selector: true,
|
||||
feature: 'fullscreen',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
f(fullscreen, { match: /x(\s#2|$)/ }, browsers =>
|
||||
prefix(['::backdrop'], {
|
||||
selector: true,
|
||||
feature: 'fullscreen',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Tab size
|
||||
f(require('caniuse-lite/data/features/css3-tabsize'), browsers =>
|
||||
prefix(['tab-size'], {
|
||||
feature: 'css3-tabsize',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Intrinsic & extrinsic sizing
|
||||
let intrinsic = require('caniuse-lite/data/features/intrinsic-width')
|
||||
|
||||
let 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, browsers =>
|
||||
prefix(['max-content', 'min-content'], {
|
||||
props: sizeProps,
|
||||
feature: 'intrinsic-width',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
f(intrinsic, { match: /x|\s#4/ }, browsers =>
|
||||
prefix(['fill', 'fill-available', 'stretch'], {
|
||||
props: sizeProps,
|
||||
feature: 'intrinsic-width',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
f(intrinsic, { match: /x|\s#5/ }, browsers =>
|
||||
prefix(['fit-content'], {
|
||||
props: sizeProps,
|
||||
feature: 'intrinsic-width',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Zoom cursors
|
||||
f(require('caniuse-lite/data/features/css3-cursors-newer'), browsers =>
|
||||
prefix(['zoom-in', 'zoom-out'], {
|
||||
props: ['cursor'],
|
||||
feature: 'css3-cursors-newer',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Grab cursors
|
||||
f(require('caniuse-lite/data/features/css3-cursors-grab'), browsers =>
|
||||
prefix(['grab', 'grabbing'], {
|
||||
props: ['cursor'],
|
||||
feature: 'css3-cursors-grab',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Sticky position
|
||||
f(require('caniuse-lite/data/features/css-sticky'), browsers =>
|
||||
prefix(['sticky'], {
|
||||
props: ['position'],
|
||||
feature: 'css-sticky',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Pointer Events
|
||||
f(require('caniuse-lite/data/features/pointer'), browsers =>
|
||||
prefix(['touch-action'], {
|
||||
feature: 'pointer',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Text decoration
|
||||
let decoration = require('caniuse-lite/data/features/text-decoration')
|
||||
|
||||
f(decoration, browsers =>
|
||||
prefix(
|
||||
[
|
||||
'text-decoration-style',
|
||||
'text-decoration-color',
|
||||
'text-decoration-line',
|
||||
'text-decoration'
|
||||
],
|
||||
{
|
||||
feature: 'text-decoration',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
f(decoration, { match: /x.*#[235]/ }, browsers =>
|
||||
prefix(['text-decoration-skip', 'text-decoration-skip-ink'], {
|
||||
feature: 'text-decoration',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Text Size Adjust
|
||||
f(require('caniuse-lite/data/features/text-size-adjust'), browsers =>
|
||||
prefix(['text-size-adjust'], {
|
||||
feature: 'text-size-adjust',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// CSS Masks
|
||||
f(require('caniuse-lite/data/features/css-masks'), browsers => {
|
||||
prefix(
|
||||
[
|
||||
'mask-clip',
|
||||
'mask-composite',
|
||||
'mask-image',
|
||||
'mask-origin',
|
||||
'mask-repeat',
|
||||
'mask-border-repeat',
|
||||
'mask-border-source'
|
||||
],
|
||||
{
|
||||
feature: 'css-masks',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
prefix(
|
||||
[
|
||||
'mask',
|
||||
'mask-position',
|
||||
'mask-size',
|
||||
'mask-border',
|
||||
'mask-border-outset',
|
||||
'mask-border-width',
|
||||
'mask-border-slice'
|
||||
],
|
||||
{
|
||||
feature: 'css-masks',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
})
|
||||
|
||||
// CSS clip-path property
|
||||
f(require('caniuse-lite/data/features/css-clip-path'), browsers =>
|
||||
prefix(['clip-path'], {
|
||||
feature: 'css-clip-path',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Fragmented Borders and Backgrounds
|
||||
f(require('caniuse-lite/data/features/css-boxdecorationbreak'), browsers =>
|
||||
prefix(['box-decoration-break'], {
|
||||
feature: 'css-boxdecorationbreak',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// CSS3 object-fit/object-position
|
||||
f(require('caniuse-lite/data/features/object-fit'), browsers =>
|
||||
prefix(['object-fit', 'object-position'], {
|
||||
feature: 'object-fit',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// CSS Shapes
|
||||
f(require('caniuse-lite/data/features/css-shapes'), browsers =>
|
||||
prefix(['shape-margin', 'shape-outside', 'shape-image-threshold'], {
|
||||
feature: 'css-shapes',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// CSS3 text-overflow
|
||||
f(require('caniuse-lite/data/features/text-overflow'), browsers =>
|
||||
prefix(['text-overflow'], {
|
||||
feature: 'text-overflow',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Viewport at-rule
|
||||
f(require('caniuse-lite/data/features/css-deviceadaptation'), browsers =>
|
||||
prefix(['@viewport'], {
|
||||
feature: 'css-deviceadaptation',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Resolution Media Queries
|
||||
let resolut = require('caniuse-lite/data/features/css-media-resolution')
|
||||
|
||||
f(resolut, { match: /( x($| )|a #2)/ }, browsers =>
|
||||
prefix(['@resolution'], {
|
||||
feature: 'css-media-resolution',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// CSS text-align-last
|
||||
f(require('caniuse-lite/data/features/css-text-align-last'), browsers =>
|
||||
prefix(['text-align-last'], {
|
||||
feature: 'css-text-align-last',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Crisp Edges Image Rendering Algorithm
|
||||
let crispedges = require('caniuse-lite/data/features/css-crisp-edges')
|
||||
|
||||
f(crispedges, { match: /y x|a x #1/ }, browsers =>
|
||||
prefix(['pixelated'], {
|
||||
props: ['image-rendering'],
|
||||
feature: 'css-crisp-edges',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
f(crispedges, { match: /a x #2/ }, browsers =>
|
||||
prefix(['image-rendering'], {
|
||||
feature: 'css-crisp-edges',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Logical Properties
|
||||
let logicalProps = require('caniuse-lite/data/features/css-logical-props')
|
||||
|
||||
f(logicalProps, browsers =>
|
||||
prefix(
|
||||
[
|
||||
'border-inline-start',
|
||||
'border-inline-end',
|
||||
'margin-inline-start',
|
||||
'margin-inline-end',
|
||||
'padding-inline-start',
|
||||
'padding-inline-end'
|
||||
],
|
||||
{
|
||||
feature: 'css-logical-props',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
f(logicalProps, { match: /x\s#2/ }, browsers =>
|
||||
prefix(
|
||||
[
|
||||
'border-block-start',
|
||||
'border-block-end',
|
||||
'margin-block-start',
|
||||
'margin-block-end',
|
||||
'padding-block-start',
|
||||
'padding-block-end'
|
||||
],
|
||||
{
|
||||
feature: 'css-logical-props',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
// CSS appearance
|
||||
let appearance = require('caniuse-lite/data/features/css-appearance')
|
||||
|
||||
f(appearance, { match: /#2|x/ }, browsers =>
|
||||
prefix(['appearance'], {
|
||||
feature: 'css-appearance',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// CSS Scroll snap points
|
||||
f(require('caniuse-lite/data/features/css-snappoints'), browsers =>
|
||||
prefix(
|
||||
[
|
||||
'scroll-snap-type',
|
||||
'scroll-snap-coordinate',
|
||||
'scroll-snap-destination',
|
||||
'scroll-snap-points-x',
|
||||
'scroll-snap-points-y'
|
||||
],
|
||||
{
|
||||
feature: 'css-snappoints',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
// CSS Regions
|
||||
f(require('caniuse-lite/data/features/css-regions'), browsers =>
|
||||
prefix(['flow-into', 'flow-from', 'region-fragment'], {
|
||||
feature: 'css-regions',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// CSS image-set
|
||||
f(require('caniuse-lite/data/features/css-image-set'), browsers =>
|
||||
prefix(['image-set'], {
|
||||
props: [
|
||||
'background',
|
||||
'background-image',
|
||||
'border-image',
|
||||
'cursor',
|
||||
'mask',
|
||||
'mask-image',
|
||||
'list-style',
|
||||
'list-style-image',
|
||||
'content'
|
||||
],
|
||||
feature: 'css-image-set',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Writing Mode
|
||||
let writingMode = require('caniuse-lite/data/features/css-writing-mode')
|
||||
|
||||
f(writingMode, { match: /a|x/ }, browsers =>
|
||||
prefix(['writing-mode'], {
|
||||
feature: 'css-writing-mode',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Cross-Fade Function
|
||||
f(require('caniuse-lite/data/features/css-cross-fade'), browsers =>
|
||||
prefix(['cross-fade'], {
|
||||
props: [
|
||||
'background',
|
||||
'background-image',
|
||||
'border-image',
|
||||
'mask',
|
||||
'list-style',
|
||||
'list-style-image',
|
||||
'content',
|
||||
'mask-image'
|
||||
],
|
||||
feature: 'css-cross-fade',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Read Only selector
|
||||
f(require('caniuse-lite/data/features/css-read-only-write'), browsers =>
|
||||
prefix([':read-only', ':read-write'], {
|
||||
selector: true,
|
||||
feature: 'css-read-only-write',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// Text Emphasize
|
||||
f(require('caniuse-lite/data/features/text-emphasis'), browsers =>
|
||||
prefix(
|
||||
[
|
||||
'text-emphasis',
|
||||
'text-emphasis-position',
|
||||
'text-emphasis-style',
|
||||
'text-emphasis-color'
|
||||
],
|
||||
{
|
||||
feature: 'text-emphasis',
|
||||
browsers
|
||||
}
|
||||
)
|
||||
)
|
||||
|
||||
// CSS Grid Layout
|
||||
let grid = require('caniuse-lite/data/features/css-grid')
|
||||
|
||||
f(grid, browsers => {
|
||||
prefix(['display-grid', 'inline-grid'], {
|
||||
props: ['display'],
|
||||
feature: 'css-grid',
|
||||
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
|
||||
}
|
||||
)
|
||||
})
|
||||
|
||||
f(grid, { match: /a x/ }, browsers =>
|
||||
prefix(['grid-column-align', 'grid-row-align'], {
|
||||
feature: 'css-grid',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// CSS text-spacing
|
||||
f(require('caniuse-lite/data/features/css-text-spacing'), browsers =>
|
||||
prefix(['text-spacing'], {
|
||||
feature: 'css-text-spacing',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// :any-link selector
|
||||
f(require('caniuse-lite/data/features/css-any-link'), browsers =>
|
||||
prefix([':any-link'], {
|
||||
selector: true,
|
||||
feature: 'css-any-link',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// unicode-bidi
|
||||
let bidi = require('caniuse-lite/data/features/css-unicode-bidi')
|
||||
|
||||
f(bidi, browsers =>
|
||||
prefix(['isolate'], {
|
||||
props: ['unicode-bidi'],
|
||||
feature: 'css-unicode-bidi',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
f(bidi, { match: /y x|a x #2/ }, browsers =>
|
||||
prefix(['plaintext'], {
|
||||
props: ['unicode-bidi'],
|
||||
feature: 'css-unicode-bidi',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
f(bidi, { match: /y x/ }, browsers =>
|
||||
prefix(['isolate-override'], {
|
||||
props: ['unicode-bidi'],
|
||||
feature: 'css-unicode-bidi',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// overscroll-behavior selector
|
||||
let over = require('caniuse-lite/data/features/css-overscroll-behavior')
|
||||
|
||||
f(over, { match: /a #1/ }, browsers =>
|
||||
prefix(['overscroll-behavior'], {
|
||||
feature: 'css-overscroll-behavior',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// color-adjust
|
||||
f(require('caniuse-lite/data/features/css-color-adjust'), browsers =>
|
||||
prefix(['color-adjust'], {
|
||||
feature: 'css-color-adjust',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
|
||||
// text-orientation
|
||||
f(require('caniuse-lite/data/features/css-text-orientation'), browsers =>
|
||||
prefix(['text-orientation'], {
|
||||
feature: 'css-text-orientation',
|
||||
browsers
|
||||
})
|
||||
)
|
||||
Loading…
Add table
Add a link
Reference in a new issue