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.
36 lines
863 B
36 lines
863 B
3 years ago
|
let list = require('postcss').list
|
||
|
|
||
|
let Value = require('../value')
|
||
|
|
||
|
class CrossFade extends Value {
|
||
|
replace(string, prefix) {
|
||
|
return list
|
||
|
.space(string)
|
||
|
.map(value => {
|
||
|
if (value.slice(0, +this.name.length + 1) !== this.name + '(') {
|
||
|
return value
|
||
|
}
|
||
|
|
||
|
let close = value.lastIndexOf(')')
|
||
|
let after = value.slice(close + 1)
|
||
|
let args = value.slice(this.name.length + 1, close)
|
||
|
|
||
|
if (prefix === '-webkit-') {
|
||
|
let match = args.match(/\d*.?\d+%?/)
|
||
|
if (match) {
|
||
|
args = args.slice(match[0].length).trim()
|
||
|
args += `, ${match[0]}`
|
||
|
} else {
|
||
|
args += ', 0.5'
|
||
|
}
|
||
|
}
|
||
|
return prefix + this.name + '(' + args + ')' + after
|
||
|
})
|
||
|
.join(' ')
|
||
|
}
|
||
|
}
|
||
|
|
||
|
CrossFade.names = ['cross-fade']
|
||
|
|
||
|
module.exports = CrossFade
|