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.
48 lines
1.6 KiB
48 lines
1.6 KiB
'use strict'; |
|
|
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } |
|
|
|
var parser = _interopDefault(require('postcss-selector-parser')); |
|
var postcss = _interopDefault(require('postcss')); |
|
|
|
const selectorRegExp = /:has/; |
|
var postcss$1 = postcss.plugin('css-has-pseudo', opts => { |
|
const preserve = Boolean('preserve' in Object(opts) ? opts.preserve : true); |
|
return root => { |
|
root.walkRules(selectorRegExp, rule => { |
|
const modifiedSelector = parser(selectors => { |
|
selectors.walkPseudos(selector => { |
|
if (selector.value === ':has' && selector.nodes) { |
|
const isNotHas = checkIfParentIsNot(selector); |
|
selector.value = isNotHas ? ':not-has' : ':has'; |
|
const attribute = parser.attribute({ |
|
attribute: encodeURIComponent(String(selector)).replace(/%3A/g, ':').replace(/%5B/g, '[').replace(/%5D/g, ']').replace(/%2C/g, ',').replace(/[():%\[\],]/g, '\\$&') |
|
}); |
|
|
|
if (isNotHas) { |
|
selector.parent.parent.replaceWith(attribute); |
|
} else { |
|
selector.replaceWith(attribute); |
|
} |
|
} |
|
}); |
|
}).processSync(rule.selector); |
|
const clone = rule.clone({ |
|
selector: modifiedSelector |
|
}); |
|
|
|
if (preserve) { |
|
rule.before(clone); |
|
} else { |
|
rule.replaceWith(clone); |
|
} |
|
}); |
|
}; |
|
}); |
|
|
|
function checkIfParentIsNot(selector) { |
|
return Object(Object(selector.parent).parent).type === 'pseudo' && selector.parent.parent.value === ':not'; |
|
} |
|
|
|
module.exports = postcss$1; |
|
//# sourceMappingURL=postcss.js.map
|
|
|