Lingo

Some naming conventions used for the different classes

Lingo

Structure.CSS uses the following Lingo. Yes there are some double-ups, but hopefully you’ll be able to infer the right time to use what

ShorthandExpanded
blckBlock
contContainer
kxFlex
gdGrid
sSmall
mMedium
lLarge
pPadding
mMargin
xX-axis (left and right)
yY-axis (top and bottom)
tTop
rRight
bBottom
lLeft
cChild
noHard disable
x{num}{Num} multiples of unit (see below)