typed-css-modules
, but on the command line
import
in rollup.config.js
is funky
Hey guys, I'm trying to use modular-css with rollup and react. I've got a component with a nested one:
<Layout> // imports reset.scss inside
<NestedLayout /> // imports nested-layout.scss inside
</Layout>
From this example I'd expect compiled css file to have parent reset
styles first, with nested-layout
styles added below. However, I get nested-layout
first.
Wondering if this is correct behavior
postcss-import
since it's orthogonal to what modular-css cares about
.css
files with global styles I want to include & bundle up like I used to with rollup-plugin-postcss
. e.g. like in my index.js
file I have import 'basscss/css/basscss.css';
cuz those classes will be used everywhere. Can m-css handle that for me, or do I still need another plugin for that? Trying to minimize my dependencies is all. :P I saw the :global
psuedoclass, but not sure if that's what I'm looking for.
postcss-import
in the after
block, so it's after all the scoping transformations
:global()