Font Size

Dashvar provides a few utility variables for all of your font-size needs.

var(--font-size-0)

--font-size-0: 0.75rem

var(--font-size-1)

--font-size-1: 0.875rem

var(--font-size-2)

--font-size-2: 1rem

var(--font-size-3)

--font-size-3: 1.125rem

var(--font-size-4)

--font-size-4: 1.25rem

var(--font-size-5)

--font-size-5: 1.5rem

var(--font-size-6)

--font-size-6: 1.875rem

var(--font-size-7)

--font-size-7: 2.25rem

var(--font-size-8)

--font-size-8: 3rem

var(--font-size-9)

--font-size-9: 3.75rem

var(--font-size-10)

--font-size-10: 4.5rem

var(--font-size-11)

--font-size-11: 6rem

var(--font-size-12)

--font-size-12: 8rem

Interactive Example

Feel free to play with this interactive example to get comfortable with the tool.