Sizing
Each of the width classes is based on percentage and rem (px) scales, whereas the height classes are only based on a rem scale.
Width
.width-10
.width-20
.width-30
.width-40
.width-50
.width-60
.width-70
.width-80
.width-90
.width-100
.width-auto
.width-1 (4 rem)
.width-2 (5 rem)
.width-3 (6 rem)
.width-4 (10 rem)
.width-5 (15 rem)
.width-6 (30 rem)
.width-7 (50 rem)
.width-8 (75 rem)
.width-9 (100 rem)
Max-width
.max-width-10
.max-width-20
.max-width-30
.max-width-40
.max-width-50
.max-width-60
.max-width-70
.max-width-80
.max-width-90
.max-width-100
.max-width-auto
.max-width-1 (4 rem)
.max-width-2 (5 rem)
.max-width-3 (6 rem)
.max-width-4 (10 rem)
.max-width-5 (15 rem)
.max-width-6 (30 rem)
.max-width-7 (50 rem)
.max-width-8 (75 rem)
.max-width-9 (100 rem)
Height
.height-1 (4 rem)
.height-2 (5 rem)
.height-3 (6 rem)
.height-4 (10 rem)
.height-5 (15 rem)
.height-6 (30 rem)
.height-7 (50 rem)
.height-8 (75 rem)
.height-9 (100 rem)