171 lines
9.4 KiB
CSS
171 lines
9.4 KiB
CSS
.display-hero {
|
|
font-family: var(--md-sys-typescale-display-hero-font-family-name);
|
|
font-style: var(--md-sys-typescale-display-hero-font-family-style);
|
|
font-weight: var(--md-sys-typescale-display-hero-font-weight);
|
|
font-size: var(--md-sys-typescale-display-hero-font-size);
|
|
letter-spacing: var(--md-sys-typescale-display-hero-letter-spacing);
|
|
line-height: var(--md-sys-typescale-display-hero-line-height);
|
|
text-transform: var(--md-sys-typescale-display-hero-text-transform);
|
|
text-decoration: var(--md-sys-typescale-display-hero-text-decoration);
|
|
}
|
|
.display-xl {
|
|
font-family: var(--md-sys-typescale-display-xl-font-family-name);
|
|
font-style: var(--md-sys-typescale-display-xl-font-family-style);
|
|
font-weight: var(--md-sys-typescale-display-xl-font-weight);
|
|
font-size: var(--md-sys-typescale-display-xl-font-size);
|
|
letter-spacing: var(--md-sys-typescale-display-xl-letter-spacing);
|
|
line-height: var(--md-sys-typescale-display-xl-line-height);
|
|
text-transform: var(--md-sys-typescale-display-xl-text-transform);
|
|
text-decoration: var(--md-sys-typescale-display-xl-text-decoration);
|
|
}
|
|
.display-large {
|
|
font-family: var(--md-sys-typescale-display-large-font-family-name);
|
|
font-style: var(--md-sys-typescale-display-large-font-family-style);
|
|
font-weight: var(--md-sys-typescale-display-large-font-weight);
|
|
font-size: var(--md-sys-typescale-display-large-font-size);
|
|
letter-spacing: var(--md-sys-typescale-display-large-letter-spacing);
|
|
line-height: var(--md-sys-typescale-display-large-line-height);
|
|
text-transform: var(--md-sys-typescale-display-large-text-transform);
|
|
text-decoration: var(--md-sys-typescale-display-large-text-decoration);
|
|
}
|
|
.display-medium {
|
|
font-family: var(--md-sys-typescale-display-medium-font-family-name);
|
|
font-style: var(--md-sys-typescale-display-medium-font-family-style);
|
|
font-weight: var(--md-sys-typescale-display-medium-font-weight);
|
|
font-size: var(--md-sys-typescale-display-medium-font-size);
|
|
letter-spacing: var(--md-sys-typescale-display-medium-letter-spacing);
|
|
line-height: var(--md-sys-typescale-display-medium-line-height);
|
|
text-transform: var(--md-sys-typescale-display-medium-text-transform);
|
|
text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
|
|
}
|
|
.display-small {
|
|
font-family: var(--md-sys-typescale-display-small-font-family-name);
|
|
font-style: var(--md-sys-typescale-display-small-font-family-style);
|
|
font-weight: var(--md-sys-typescale-display-small-font-weight);
|
|
font-size: var(--md-sys-typescale-display-small-font-size);
|
|
letter-spacing: var(--md-sys-typescale-display-small-letter-spacing);
|
|
line-height: var(--md-sys-typescale-display-small-line-height);
|
|
text-transform: var(--md-sys-typescale-display-small-text-transform);
|
|
text-decoration: var(--md-sys-typescale-display-small-text-decoration);
|
|
}
|
|
.headline-large {
|
|
font-family: var(--md-sys-typescale-headline-large-font-family-name);
|
|
font-style: var(--md-sys-typescale-headline-large-font-family-style);
|
|
font-weight: var(--md-sys-typescale-headline-large-font-weight);
|
|
font-size: var(--md-sys-typescale-headline-large-font-size);
|
|
letter-spacing: var(--md-sys-typescale-headline-large-letter-spacing);
|
|
line-height: var(--md-sys-typescale-headline-large-line-height);
|
|
text-transform: var(--md-sys-typescale-headline-large-text-transform);
|
|
text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
|
|
}
|
|
.headline-medium {
|
|
font-family: var(--md-sys-typescale-headline-medium-font-family-name);
|
|
font-style: var(--md-sys-typescale-headline-medium-font-family-style);
|
|
font-weight: var(--md-sys-typescale-headline-medium-font-weight);
|
|
font-size: var(--md-sys-typescale-headline-medium-font-size);
|
|
letter-spacing: var(--md-sys-typescale-headline-medium-letter-spacing);
|
|
line-height: var(--md-sys-typescale-headline-medium-line-height);
|
|
text-transform: var(--md-sys-typescale-headline-medium-text-transform);
|
|
text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
|
|
}
|
|
.headline-small {
|
|
font-family: var(--md-sys-typescale-headline-small-font-family-name);
|
|
font-style: var(--md-sys-typescale-headline-small-font-family-style);
|
|
font-weight: var(--md-sys-typescale-headline-small-font-weight);
|
|
font-size: var(--md-sys-typescale-headline-small-font-size);
|
|
letter-spacing: var(--md-sys-typescale-headline-small-letter-spacing);
|
|
line-height: var(--md-sys-typescale-headline-small-line-height);
|
|
text-transform: var(--md-sys-typescale-headline-small-text-transform);
|
|
text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
|
|
}
|
|
.body-large {
|
|
font-family: var(--md-sys-typescale-body-large-font-family-name);
|
|
font-style: var(--md-sys-typescale-body-large-font-family-style);
|
|
font-weight: var(--md-sys-typescale-body-large-font-weight);
|
|
font-size: var(--md-sys-typescale-body-large-font-size);
|
|
letter-spacing: var(--md-sys-typescale-body-large-letter-spacing);
|
|
line-height: var(--md-sys-typescale-body-large-line-height);
|
|
text-transform: var(--md-sys-typescale-body-large-text-transform);
|
|
text-decoration: var(--md-sys-typescale-body-large-text-decoration);
|
|
}
|
|
.body-medium {
|
|
font-family: var(--md-sys-typescale-body-medium-font-family-name);
|
|
font-style: var(--md-sys-typescale-body-medium-font-family-style);
|
|
font-weight: var(--md-sys-typescale-body-medium-font-weight);
|
|
font-size: var(--md-sys-typescale-body-medium-font-size);
|
|
letter-spacing: var(--md-sys-typescale-body-medium-letter-spacing);
|
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
text-transform: var(--md-sys-typescale-body-medium-text-transform);
|
|
text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
|
|
}
|
|
.body-small {
|
|
font-family: var(--md-sys-typescale-body-small-font-family-name);
|
|
font-style: var(--md-sys-typescale-body-small-font-family-style);
|
|
font-weight: var(--md-sys-typescale-body-small-font-weight);
|
|
font-size: var(--md-sys-typescale-body-small-font-size);
|
|
letter-spacing: var(--md-sys-typescale-body-small-letter-spacing);
|
|
line-height: var(--md-sys-typescale-body-small-line-height);
|
|
text-transform: var(--md-sys-typescale-body-small-text-transform);
|
|
text-decoration: var(--md-sys-typescale-body-small-text-decoration);
|
|
}
|
|
.label-large {
|
|
font-family: var(--md-sys-typescale-label-large-font-family-name);
|
|
font-style: var(--md-sys-typescale-label-large-font-family-style);
|
|
font-weight: var(--md-sys-typescale-label-large-font-weight);
|
|
font-size: var(--md-sys-typescale-label-large-font-size);
|
|
letter-spacing: var(--md-sys-typescale-label-large-letter-spacing);
|
|
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
text-transform: var(--md-sys-typescale-label-large-text-transform);
|
|
text-decoration: var(--md-sys-typescale-label-large-text-decoration);
|
|
}
|
|
.label-medium {
|
|
font-family: var(--md-sys-typescale-label-medium-font-family-name);
|
|
font-style: var(--md-sys-typescale-label-medium-font-family-style);
|
|
font-weight: var(--md-sys-typescale-label-medium-font-weight);
|
|
font-size: var(--md-sys-typescale-label-medium-font-size);
|
|
letter-spacing: var(--md-sys-typescale-label-medium-letter-spacing);
|
|
line-height: var(--md-sys-typescale-label-medium-line-height);
|
|
text-transform: var(--md-sys-typescale-label-medium-text-transform);
|
|
text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
|
|
}
|
|
.label-small {
|
|
font-family: var(--md-sys-typescale-label-small-font-family-name);
|
|
font-style: var(--md-sys-typescale-label-small-font-family-style);
|
|
font-weight: var(--md-sys-typescale-label-small-font-weight);
|
|
font-size: var(--md-sys-typescale-label-small-font-size);
|
|
letter-spacing: var(--md-sys-typescale-label-small-letter-spacing);
|
|
line-height: var(--md-sys-typescale-label-small-line-height);
|
|
text-transform: var(--md-sys-typescale-label-small-text-transform);
|
|
text-decoration: var(--md-sys-typescale-label-small-text-decoration);
|
|
}
|
|
.title-large {
|
|
font-family: var(--md-sys-typescale-title-large-font-family-name);
|
|
font-style: var(--md-sys-typescale-title-large-font-family-style);
|
|
font-weight: var(--md-sys-typescale-title-large-font-weight);
|
|
font-size: var(--md-sys-typescale-title-large-font-size);
|
|
letter-spacing: var(--md-sys-typescale-title-large-letter-spacing);
|
|
line-height: var(--md-sys-typescale-title-large-line-height);
|
|
text-transform: var(--md-sys-typescale-title-large-text-transform);
|
|
text-decoration: var(--md-sys-typescale-title-large-text-decoration);
|
|
}
|
|
.title-medium {
|
|
font-family: var(--md-sys-typescale-title-medium-font-family-name);
|
|
font-style: var(--md-sys-typescale-title-medium-font-family-style);
|
|
font-weight: var(--md-sys-typescale-title-medium-font-weight);
|
|
font-size: var(--md-sys-typescale-title-medium-font-size);
|
|
letter-spacing: var(--md-sys-typescale-title-medium-letter-spacing);
|
|
line-height: var(--md-sys-typescale-title-medium-line-height);
|
|
text-transform: var(--md-sys-typescale-title-medium-text-transform);
|
|
text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
|
|
}
|
|
.title-small {
|
|
font-family: var(--md-sys-typescale-title-small-font-family-name);
|
|
font-style: var(--md-sys-typescale-title-small-font-family-style);
|
|
font-weight: var(--md-sys-typescale-title-small-font-weight);
|
|
font-size: var(--md-sys-typescale-title-small-font-size);
|
|
letter-spacing: var(--md-sys-typescale-title-small-letter-spacing);
|
|
line-height: var(--md-sys-typescale-title-small-line-height);
|
|
text-transform: var(--md-sys-typescale-title-small-text-transform);
|
|
text-decoration: var(--md-sys-typescale-title-small-text-decoration);
|
|
}
|