Bhawick Jain

I have defined a number of parameterised css variables for spatial, HSL, font-weight and font-size dimensions to create an incremented range. It turns variable number values into grades which reduces choice and increases typesetting consistency.

Line Weights

Font Weight

font-100

font-200

font-300

font-400

font-500

font-600

font-700

font-800

font-900

Font Size

text-xs

text-sm

text-nr

text-lg

text-xl

text-2xl

text-3xl

text-4xl

text-5xl

text-6xl

text-7xl

text-8xl

text-9xl

Text Decoration

ul

ul-dot

ul-dot-0.5

um-dot-1

ul-wavy

ul-dash

hidden class