.some-context .thing { /* special rules and overrides */ }
Does that go in thing.css or some-context.css?
Conversation
Replying to
Using !important is what is !IMPORTANT here. I would put it in _!important.scss and then in _!important320px.scss and so forth
1
6
Replying to
thing.css. If `.thing` is the subject then everything that styles it should be collocated. I consider the other a code smell.
3
12
Replying to
If they’re _specific_ rules/overrides, I’d probably say thing.css, but it could also depend on context
1
Replying to
For me, that’d be in the module with:
/components/thing.css
/modules/some-context.css