Given the following code:
:global {
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
}
Sass compiles this into:
:global {
/*
* Add the correct display in all browsers.
*/
}
:global summary {
display: list-item;
}
postcss + postcss-modules compiles it to:
{
/*
* Add the correct display in all browsers.
*/
}
summary {
display: list-item;
}
Reproduction here: https://stackblitz.com/edit/node-2pmbyx?file=sass.js,postcss.js
Original Vite bug where this was found: vitejs/vite#8480
Given the following code:
:global { /* * Add the correct display in all browsers. */ summary { display: list-item; } }Sass compiles this into:
:global { /* * Add the correct display in all browsers. */ } :global summary { display: list-item; }postcss + postcss-modules compiles it to:
{ /* * Add the correct display in all browsers. */ } summary { display: list-item; }Reproduction here: https://stackblitz.com/edit/node-2pmbyx?file=sass.js,postcss.js
Original Vite bug where this was found: vitejs/vite#8480