From 74c94266c9fce522ef0ee83da7fd893bb8f89579 Mon Sep 17 00:00:00 2001 From: Robert Hall Date: Sat, 6 May 2023 21:00:59 -0600 Subject: [PATCH] Update to PostCSS 8.0 API See: https://evilmartians.com/chronicles/postcss-8-plugin-migration --- src/index.js | 27 ++++++++++++++++----------- 1 file changed, 16 insertions(+), 11 deletions(-) diff --git a/src/index.js b/src/index.js index a5eb9ba..c8448ea 100644 --- a/src/index.js +++ b/src/index.js @@ -1,12 +1,17 @@ -var postcss = require('postcss'); - -module.exports = postcss.plugin("postcss-global-nested", () => { - return root => { - root.walkRules(rule => { - rule.selector = rule.selector - .split(",") - .map(selector => selector.trim().replace(/:global\s+([\w\W]+)/, ":global($1)")) - .join(", ") - }); +const globalNested = () => { + return { + postcssPlugin: "postcss-global-nested", + Rule(rule) { + if (rule.selector.includes(":global")) { + rule.selector = rule.selector + .split(",") + .map(selector => selector.trim().replace(/:global\s+([\w\W]+)/, ":global($1)")) + .join(", "); + } + }, }; -}); +}; + +globalNested.postcss = true; + +module.exports = globalNested;