Pooping out CSS
summary
At CSSconf EU 2013 an explicitly technical walk through shows how a preprocessor turns SCSS text into an abstract syntax tree, performs reduction to remove variables and nesting, and emits valid CSS; implementation details include simple lexer examples, parser generators (PEG), and the use of rework middleware (TJ’s approach) to manipulate nodes. A demo Express app exposes variables as JSON, maps which selectors each variable affects, and injects just the changed rules so live updates work without full recompilation, proving the idea.
AI-written summary · about
chapters (15)
- 0:00Intro
- 0:40Pooping out CSS
- 3:20What is parsing
- 4:40JavaScript example
- 8:05Structure
- 9:15Rules
- 10:30Group structure
- 11:25Variables
- 12:20Syntax Tree
- 16:10Data
- 17:15Important Modifier
- 18:15Rework
- 19:55Compilation
- 21:50My CSS
- 24:30CSS Rules
