Stooge CSS Documentation

Use the green columns (second and fourth columns) to get the property and value you want eg mt-05. Seperate it by a '-' dash.

Property	Abbrev	Value	Abbrev	Units
font-size	fs	025, 05, 075, 0875, 1, 1125, 125, 15, 175, 2, 225, 25, 3, 35, 4, 5, 6
font-size	subheadline	font-size: 1.75rem
font-size	headline	font-size: 2.5rem
font-weight	fw	100-900	1, 2, 3, 4, 5, 6, 7, 8, 9
font-family	sans-serif, serif, system-sans-serif, system-serif, code, courier, helvetica, avenir, athelas, georgia, times, bodoni, calisto, garamond, baskerville, font-sans, font-serif, font-mono
font-style	italic
font-style	fs	normal	normal
text-align	ta	center	ce
text-align	ta	left	l
text-align	ta	right	r
text-align	ta	justify	ju
text-transform	tt	capitalize	ca
text-transform	tt	lowercase	lo
text-transform	tt	uppercase	up
text-transform	tt	none	no
text-decoration	strike	text-decoration: line-through;
text-decoration	underline	text-decoration: underline;
text-decoration	no-underline	text-decoration: no-underline;
line-height	lh	075, 1, 125
white-space	ws	normal	normal
white-space	ws	nowrap	nw
white-space	ws	pre	pre
letter-spacing	ls	005-n, 01, 025
text-shadow	ts		11, 12, 13, 21, 22, 23, 31, 32, 33, 41, 42, 43	hover option available

Font

This is sans-serif

This is serif

This is system-sans-serif

This is system-serif

This is code

This is courier

This is helvetica

This is avenir

This is athelas

This is georgia

This is times

This is bodoni

This is calisto

This is garamond

This is baskerville

This is font-sans

This is font-serif

This is font-mono

Text classes

Line height - lh-075

Line height - lh-2

Line height - lh-125

This text is bold

This text is italic and fw-6

This text is uppercase tt-up and fw-2

This text is capitalized tt-ca and italic

This text is underline

This text is underline and lh-125

Highlight this text

Text shadow- ts-11

Text shadow- ts-22

Text shadow- ts-33

Text shadow- ts-42

subheadline

headline