Problem
I'm using theme css files in postcss with autoprefixer enabled, like following:
body:not(.dark) {
@nested-import "../../submodules/prism-themes/themes/prism-one-light.css";
}
body.dark {
@nested-import "../../submodules/prism-themes/themes/prism-one-dark.css";
}
It produces duplicate selector like following:
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection,
pre[class*="language-"] ::-moz-selection {
background: #e5e5e6;
color: inherit;
}
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection,
pre[class*="language-"] ::-moz-selection {
background: #e5e5e6;
color: inherit;
}
code[class*="language-"]::selection,
code[class*="language-"] ::selection,
pre[class*="language-"] ::selection {
background: #e5e5e6;
color: inherit;
}
Current workaround
Edit file: remove prefixed selectors manually
Possible solutions?
- provide unprefixed version too (like
themes/prism-one-dark-unprefixed.css)
Problem
I'm using theme css files in postcss with autoprefixer enabled, like following:
It produces duplicate selector like following:
Current workaround
Edit file: remove prefixed selectors manually
Possible solutions?
themes/prism-one-dark-unprefixed.css)