CSS styling guide

[JadeMaveric]

We need a consistent way to write and organise our CSS code. I am by no metric an expert on this subject. (To put it in perspective, I put my css file in the public folder, that needs be moved btw). We need a few rules describing what sort of CSS goes where. Either global, CSS-in-JS or CSS-modules. These can be added to styleguide.md

• Move existing CSS to separate modules.css files
• Add instructions to the styling guide
• (optional) add CSS lint config

[JadeMaveric]

https://github.com/airbnb/javascript/tree/master/css-in-javascript
Airbnb's style guide is quite popular.

[JadeMaveric]

https://github.com/airbnb/javascript/tree/master/react
They have one for React too

[vipulchodankar]

I've recently been using Styled-Components. It has good support, even for sass. No need of extra css files here.

Another option I really enjoy using is css-modules with sass.

[JadeMaveric]

What in your opinion would be easier to contribute to for new comers?

[vipulchodankar]

For beginners I suppose styled-jsx or css-modules might be the best, since it's the closest to normal css.

Considering you want to keep the styling separate, then perhaps css modules.

[JadeMaveric]

Then lets go ahead with that. I'll update this issue with the tasks that need to be done