Best way to load plain CSS

Question

Best way to load plain CSS

AlecRust opened this issue 8 years ago · comments

What's the best way to load plain CSS files through SugarSS?

For example it would be nice to be able to load Normalize.css from /node_modules in the main stylesheet like so using postcss-import:

@import "normalize.css"
@import "base/base.sss"
@import "components/button.sss"
etc.

The full CSS doesn't play nice when pulled in amongst SugarSS styles though, so I'm currently using postcss-normalize in my plugins to work around this.

Can SugarSS support plain CSS syntax or is there a recommended way to solve this?

Isaiah Odhner · Answer 1 · Fri Jul 15 2016 11:18:50 GMT+0800 (China Standard Time)

See #33 (not really resolved)

Alec Rust · Answer 2 · Sat Jul 16 2016 00:28:44 GMT+0800 (China Standard Time)

Thanks @1j01. Using postcss-easy-import allows something like Normalize.css to be referenced, but unfortunately the brackets/semi-colons are duplicated when parsed with SugarSS syntax:

Andrey Sitnik · Answer 3 · Sat Jul 16 2016 00:30:29 GMT+0800 (China Standard Time)

Ask postcss-easy-import guys, because all import happen after parsing