CSS minimal typography

typography.css

.fs-1 {font-size:12px;}
.fs-2 {font-size:14px;}
.fs-3 {font-size:16px;}
.fs-4 {font-size:18px;}
.fs-5 {font-size:20px;}
.fs-6 {font-size:24px;}
.fs-7 {font-size:30px;}
.fs-8 {font-size:36px;}
.fs-9 {font-size:48px;}
.fs-10 {font-size:60px;}
.fs-11 {font-size:72px;}
.fs-12 {font-size:96px;}

.fw-1 { font-weight: 100;}
.fw-2 { font-weight: 200;}
.fw-3 { font-weight: 300;}
.fw-4 { font-weight: 400;}
.fw-5 { font-weight: 500;}
.fw-6 { font-weight: 600;}
.fw-7 { font-weight: 700;}
.fw-8 { font-weight: 800;}
.fw-9 { font-weight: 900;}

.text__justify {text-align: justify; hyphens: none;}
.text__center {text-align: center;}
.text__right {text-align: right;}
.text__left {text-align: left;}
.text__uppercase {text-transform: uppercase;}
.text__lowercase {text-transform: lowercase;}
.text__capitalize {text-transform: capitalize;}
.text__line-over {text-decoration: overline;}
.text__line-through {text-decoration: line-through;}
.text__line-under {text-decoration: underline;}
.text__sub, .text__sup { font-size: .83em }
.text__sub { vertical-align: sub }
.text__sup { vertical-align: super }