From 21b4f8caad8f0b9a570f00ac2662635062db8566 Mon Sep 17 00:00:00 2001 From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com> Date: Mon, 28 Aug 2023 21:19:13 +0530 Subject: [PATCH] fix: pseudo styles being removed with postcssIsolateStyles closes #2868 closes #2867 --- src/node/postcss/index.ts | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/src/node/postcss/index.ts b/src/node/postcss/index.ts index 4b5767cc..588503c0 100644 --- a/src/node/postcss/index.ts +++ b/src/node/postcss/index.ts @@ -1,17 +1,13 @@ import postcssPrefixSelector from 'postcss-prefix-selector' -type Options = Parameters[0] & { - enable?: boolean -} +type Options = Parameters[0] -export function postcssIsolateStyles(_options: Options = {}) { - const { enable, ...options } = _options - if (enable === false) return false +export function postcssIsolateStyles(options: Options = {}) { return postcssPrefixSelector({ prefix: ':not(:where(.vp-raw, .vp-raw *))', includeFiles: [/base\.css/], transform(prefix, _selector) { - const [selector, pseudo = ''] = _selector.split(/:\S*$/) + const [selector, pseudo = ''] = _selector.split(/(:\S*)$/) return selector + prefix + pseudo }, ...options