18 lines
496 B
JavaScript
18 lines
496 B
JavaScript
export default function() {
|
|
return function(css) {
|
|
css.walkAtRules('focusable', atRule => {
|
|
const clonedRule = atRule.clone()
|
|
|
|
clonedRule.walkRules(rule => {
|
|
// Might be wise to error if the rule has multiple selectors,
|
|
// or weird compound selectors like .bg-blue>p>h1
|
|
rule.selector = `.focus\\:${rule.selector.slice(1)}:focus`
|
|
})
|
|
|
|
atRule.before(atRule.clone().nodes)
|
|
atRule.after(clonedRule.nodes)
|
|
|
|
atRule.remove()
|
|
})
|
|
}
|
|
}
|