Classes turn repeated styles into one reusable definition — style once, apply everywhere, and update every instance (including its states and breakpoints) from one place.
Where: Right sidebar → "Create Class" / class selector — Create or apply a class on a styled element
Key ideas
- Single source of truth: A class holds the styles once; every element using it stays in sync.
- States & breakpoints included: A class carries :hover/:focus/:active and responsive overrides.
- Source indicators: Orange means a value comes from a class; blue means it is inline on the element.
Steps
- Style an element the way you want it.
- Click "Create Class" and name it (e.g. btn-primary).
- Apply that class to other elements via the class selector.
- Edit any element with the class to update them all.