Awesome Functional CSS

A collection of awesome things related to functional CSS/atomic CSS/modular CSS/immutable utilities/etc.

tldr;

so style, much classes, very functional – Matt Rothenberg

Why?

• In Defense of Utility-First CSS
• Functional CSS Protips ✨ The most exhaustive guide to functional CSS
• CSS and Scalability
• On the Growing Popularity of Atomic CSS
• CSS Utility Classes and "Separation of Concerns"
• Full re-write in 10 days with tachyons and functional CSS
• CSS Purge
• Atomic CSS Architecture
• Let’s Define Exactly What Atomic CSS is
• Patterns for Style Composition in React
• tachyons.io/#testimonials
• Introducing Solid
• Rationalizing Functional CSS
• Our Path to MVP: Tachyons
• Building and shipping functional CSS
• Using Helper Classes to DRY and Scale CSS
• Virtual CSS with Styletron (css-in-js ➡️ atomic CSS)
• Functional Programming, CSS, and your sanity
• Functional CSS (FCSS)
• Immutable CSS
• My experience with Tachyons CSS (so far)
• By The Numbers: A Year and Half with Atomic CSS
• Opinions of Leaders Considered Harmful
• 70% Repetition in Style Sheets

Design System Theory

• Space in Design Systems

Frameworks

• Tachyons
• Minions
• tachyons-js (css-in-js)
• Styletron(css-in-js ➡️ atomic CSS)
• Basscss
• BuzzFeed's Solid
• Purple3
• Immutable CSS
• CSS Stats
• Intro to Modular CSS
• react-native-style-tachyons (for React Native)
• Draper (for React Native)

Learning Resources

• learn tachyons
• Functional CSS Protips
• tachyons.pro
• egghead.io tutorials for tachyons