Order of Operations
In CSS, we’re describing properties of elements, but every property already has a default, and the meaning of every property depends on context – following a set of rules that are outside our control.
CodePen Demos
- Span with no styles
- Invalid At Computed Value Time
- The Cascade (as a funnel)
- Sometimes the cascade isn’t involved
- Properties interact (live demo)
- Over-constrained layout
- Min, max, and width interaction
- Modal properties
- Grid Terminology
- Primary concerns of a type scale
- Color is relative
- The order of transformations
- What color from Sass?
- What color from CSS?
Resources
- CSSWG, Index of CSS properties
- World Wide Web
- CSSWG, Value Processing Spec
- CSSWG, Value Filtering Spec
- Keith J Grant, Resilient, Declarative, Contextual
- Firefox Flexbox Inspector
- Heraclitus, c. 500 BC, Cratylus
- OddContrast
- Håkon Lie, Cascading HTML style sheets – a proposal (Oct 1994)
- Andy Bell, buildexcellentwebsit.es