primary-dark | primary dark |
---|---|
primary | primary |
accent | accent |
primary-dark | primary dark, inverted |
primary | primary, inverted |
accent | accent, inverted |
primary-dark | primary dark |
---|---|
primary | primary |
accent | accent |
primary-dark | primary dark, inverted |
primary | primary, inverted |
accent | accent, inverted |
.mdl-typography-- | Scale & Basic Styles |
---|---|
display-4 | Light 112px |
display-3 | Regular 56px |
display-2 | Regular 45px |
display-1 | Regular 34px |
headline | Regular 24px |
title | Medium 20px |
subhead | Regular 16px (Device), Regular 15px (Desktop) |
body-2 | Medium 14px (Device), Medium 13px (Desktop) |
body-1 | Regular 14px (Device), Regular 13px (Desktop) |
body-2-force-preferred-font | Medium 14px (Device), Medium 13px (Desktop) |
body-1-force-preferred-font | Regular 14px (Device), Regular 13px (Desktop) |
caption | Regular 12px |
menu | Medium 14px (Device), Medium 13px (Desktop) |
button | Medium (All Caps) 14px |
primary-dark | mdl-color--primary-dark mdl-color-text--primary-contrast |
primary | mdl-color--primary mdl-color-text--primary-contrast |
accent | mdl-color--accent mdl-color-text--accent-contrast |
primary-dark | mdl-color--primary-contrast mdl-color-text--primary-dark |
primary | mdl-color-text--primary |
accent | mdl-color--accent-contrast mdl-color-text--accent |
Material Design Lite start’s with a base font of
Regular 14px (Device), Regular 13px (Desktop)
Regular 14px (Device), Regular 13px (Desktop)
Medium 14px (Device), Medium 13px (Desktop)
Body with color contrast
Medium 14px (Device), Medium 13px (Desktop)
Materials | Quantity | Unit price |
---|---|---|
Acrylic (Transparent) | 25 | $2.90 |
Plywood (Birch) | 50 | $1.25 |
Laminate (Gold on Blue) | 10 | $2.35 |
.mdl-typography-- | Scale & Basic Styles |
---|---|
display-4 | Light 112px |
display-3 | Regular 56px |
display-2 | Regular 45px |
display-1 | Regular 34px |
headline | Regular 24px |
title | Medium 20px |
subhead | Regular 16px (Device), Regular 15px (Desktop) |
body-2 | Medium 14px (Device), Medium 13px (Desktop) |
body-1 | Regular 14px (Device), Regular 13px (Desktop) |
body-2-force-preferred-font | Medium 14px (Device), Medium 13px (Desktop) |
body-1-force-preferred-font | Regular 14px (Device), Regular 13px (Desktop) |
caption | Regular 12px |
menu | Medium 14px (Device), Medium 13px (Desktop) |
button | Medium (All Caps) 14px |
primary-dark | mdl-color--primary-dark mdl-color-text--primary-contrast |
primary | mdl-color--primary mdl-color-text--primary-contrast |
accent | mdl-color--accent mdl-color-text--accent-contrast |
primary-dark | mdl-color--primary-contrast mdl-color-text--primary-dark |
primary | mdl-color-text--primary |
accent | mdl-color--accent-contrast mdl-color-text--accent |
Material Design Lite start’s with a base font of
Regular 14px (Device), Regular 13px (Desktop)
Regular 14px (Device), Regular 13px (Desktop)
Medium 14px (Device), Medium 13px (Desktop)
Body with color contrast
Medium 14px (Device), Medium 13px (Desktop)
Materials | Quantity | Unit price |
---|---|---|
Acrylic (Transparent) | 25 | $2.90 |
Plywood (Birch) | 50 | $1.25 |
Laminate (Gold on Blue) | 10 | $2.35 |
.mdl-typography-- | Scale & Basic Styles |
---|---|
display-4 | Light 112px |
display-3 | Regular 56px |
display-2 | Regular 45px |
display-1 | Regular 34px |
headline | Regular 24px |
title | Medium 20px |
subhead | Regular 16px (Device), Regular 15px (Desktop) |
body-2 | Medium 14px (Device), Medium 13px (Desktop) |
body-1 | Regular 14px (Device), Regular 13px (Desktop) |
body-2-force-preferred-font | Medium 14px (Device), Medium 13px (Desktop) |
body-1-force-preferred-font | Regular 14px (Device), Regular 13px (Desktop) |
caption | Regular 12px |
menu | Medium 14px (Device), Medium 13px (Desktop) |
button | Medium (All Caps) 14px |
primary-dark | mdl-color--primary-dark mdl-color-text--primary-contrast |
primary | mdl-color--primary mdl-color-text--primary-contrast |
accent | mdl-color--accent mdl-color-text--accent-contrast |
primary-dark | mdl-color--primary-contrast mdl-color-text--primary-dark |
primary | mdl-color-text--primary |
accent | mdl-color--accent-contrast mdl-color-text--accent |
Material Design Lite start’s with a base font of
Regular 14px (Device), Regular 13px (Desktop)
Regular 14px (Device), Regular 13px (Desktop)
Medium 14px (Device), Medium 13px (Desktop)
Body with color contrast
Medium 14px (Device), Medium 13px (Desktop)
Materials | Quantity | Unit price |
---|---|---|
Acrylic (Transparent) | 25 | $2.90 |
Plywood (Birch) | 50 | $1.25 |
Laminate (Gold on Blue) | 10 | $2.35 |