src/main/app/src/component/layout/Fonts.css
/*Based on Material Design Specification*/
.text-display-4 {
font-size: 112px;
font-weight: 300;
line-height: 128px;
letter-spacing: -5px;
}
.text-display-3 {
font-size: 56px;
font-weight: 400;
line-height: 64px;
}
.text-display-2 {
font-size: 45px;
font-weight: 400;
line-height: 64px;
}
.text-display-1 {
font-size: 34px;
font-weight: 400;
line-height: 52px;
}
.text-headline {
font-size: 24px;
font-weight: 400;
line-height: 44px;
}
.text-title {
font-size: 20px;
font-weight: 600;
line-height: 44px;
}
.text-subhead {
font-size: 16px;
font-weight: 400;
line-height: 32px;
}
.text-body {
font-size: 14px;
font-weight: 400;
line-height: 25px;
}
.text-caption {
font-size: 12px;
font-weight: 400;
line-height: 32px;
}
.text-menu {
font-size: 14px;
font-weight: 600;
line-height: 32px;
}
.text-button {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
line-height: 32px;
}
/* demo page styles */
body {
margin: 0 auto;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 48px 8%;
}
h1, h2, h3, h4 {
margin: 0;
}
p {
max-width: 40em;
margin: 8px 0;
}