Lesson 13 of 21 · Styles
Utilities
All styles are utilities in the style attribute. The spacing scale has steps of 0.25 rem, so p-4 is 16 px at the default text size. p-4px is exactly 4 px.Text sizes and borders are exact: text-14 is 14 px, and border-2 is 2 px.A word with $ is a token of the theme. A token has a light value and a dark value, so the same code works in both.Your turn
- Add rounded-8 and bg-$surface to the Column.
- Make the title text-24 and font-700.
Preview
1 error
The sandbox needs a browser.