Here are links from a discussion held during the Melb Django Peer to Peer Learning Night | Meetup on 2018-08-02 at Commoncode.
We covered some challenges that CSS presents:
- specificity,
- source ordering,
- scoping;
and examined three distinct approaches to overcoming them:
- BEM / ITCSS,
- CSS in JS,
- Atomic CSS
CSS Specificity Wars | Stuff & Nonsense blog https://stuffandnonsense.co.uk/archives/css_specificity_wars.html
The Specificity Graph – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts https://csswizardry.com/2014/10/the-specificity-graph/
Specificity Visualizer https://isellsoap.github.io/specificity-visualizer/
CSS Specificity Graph Generator - by Jonas Ohlsson https://jonassebastianohlsson.com/specificity-graph/
MindBEMding – getting your head ’round BEM syntax – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
What is Tailwind? - Tailwind CSS https://tailwindcss.com/docs/what-is-tailwind/
Atomic CSS https://acss.io/
All You Need To Know About CSS-in-JS – Hacker Noon https://hackernoon.com/all-you-need-to-know-about-css-in-js-984a72d48ebc
css-modules/css-modules: Documentation about css-modules https://github.com/css-modules/css-modules
JSS http://cssinjs.org/?v=v9.8.7
Radium - A React Component Styling Library https://formidable.com/open-source/radium/