diff --git a/.changeset/rare-peas-provide.md b/.changeset/rare-peas-provide.md new file mode 100644 index 000000000..e889cdfac --- /dev/null +++ b/.changeset/rare-peas-provide.md @@ -0,0 +1,13 @@ +--- +'@vanilla-extract/css': patch +--- + +Added support for the following simple pseudo selectors + +- `::-webkit-resizer` +- `::-webkit-scrollbar-button` +- `::-webkit-scrollbar-corner` +- `::-webkit-scrollbar-thumb` +- `::-webkit-scrollbar-track-piece` +- `::-webkit-scrollbar-track` +- `::-webkit-scrollbar` diff --git a/packages/css/src/transformCss.ts b/packages/css/src/transformCss.ts index 463064891..fe6ad2f33 100644 --- a/packages/css/src/transformCss.ts +++ b/packages/css/src/transformCss.ts @@ -100,6 +100,13 @@ export const simplePseudos = [ '::-webkit-progress-bar', '::-webkit-progress-inner-value', '::-webkit-progress-value', + '::-webkit-resizer', + '::-webkit-scrollbar-button', + '::-webkit-scrollbar-corner', + '::-webkit-scrollbar-thumb', + '::-webkit-scrollbar-track-piece', + '::-webkit-scrollbar-track', + '::-webkit-scrollbar', '::-webkit-slider-runnable-track', '::-webkit-slider-thumb', '::after',