DS in CSS

Typography variants

Variant class name Description
h1 .cb-h1
font-size: 72px;
font-weight: 300;
line-height: 1.167;
letter-spacing: 1px;
h2 .cb-h2
font-size: 60px;
font-weight: 900;
line-height: 60px;
letter-spacing: px;
h3 .cb-h3
font-size: 48px;
font-weight: 400;
line-height: 1.167;
letter-spacing: 0px;
h4 .cb-h4
font-size: 34px;
font-weight: 400;
line-height: 40px;
letter-spacing: normal;
h5 .cb-h5
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: normal;
h6 .cb-h6
font-size: 20px;
font-weight: 500;
line-height: 32px;
letter-spacing: normal;
body3 (default) .cb-body3
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: normal;
body2 .cb-body2
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: normal;
callout .cb-callout
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: normal;
text-transform: uppercase;
body1 .cb-body1
font-size: 14px;
font-weight: 600;
line-height: 24px;
letter-spacing: normal;
caption .cb-caption
font-size: 13px;
font-weight: 400;
line-height: 18px;
letter-spacing: normal;