| 1 | @use 'typography';
|
|---|
| 2 |
|
|---|
| 3 | // @deprecated Use `define-typography-level`.
|
|---|
| 4 | @function level(
|
|---|
| 5 | $font-size,
|
|---|
| 6 | $line-height: $font-size,
|
|---|
| 7 | $font-weight: 400,
|
|---|
| 8 | $font-family: null,
|
|---|
| 9 | $letter-spacing: normal) {
|
|---|
| 10 | @return typography.define-typography-level($font-size, $line-height, $font-weight, $font-family,
|
|---|
| 11 | $letter-spacing);
|
|---|
| 12 | }
|
|---|
| 13 |
|
|---|
| 14 | // @deprecated Use `typography-hierarchy`.
|
|---|
| 15 | @mixin base-typography($config-or-theme, $selector: '.mat-typography') {
|
|---|
| 16 | @include typography.typography-hierarchy($config-or-theme, $selector);
|
|---|
| 17 | }
|
|---|
| 18 |
|
|---|
| 19 | // @deprecated Use `define-typography-config`.
|
|---|
| 20 | @function config(
|
|---|
| 21 | $font-family: 'Roboto, "Helvetica Neue", sans-serif',
|
|---|
| 22 | $display-4: typography.define-typography-level(112px, 112px, 300, $letter-spacing: -0.05em),
|
|---|
| 23 | $display-3: typography.define-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),
|
|---|
| 24 | $display-2: typography.define-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),
|
|---|
| 25 | $display-1: typography.define-typography-level(34px, 40px, 400),
|
|---|
| 26 | $headline: typography.define-typography-level(24px, 32px, 400),
|
|---|
| 27 | $title: typography.define-typography-level(20px, 32px, 500),
|
|---|
| 28 | $subheading-2: typography.define-typography-level(16px, 28px, 400),
|
|---|
| 29 | $subheading-1: typography.define-typography-level(15px, 24px, 400),
|
|---|
| 30 | $body-2: typography.define-typography-level(14px, 24px, 500),
|
|---|
| 31 | $body-1: typography.define-typography-level(14px, 20px, 400),
|
|---|
| 32 | $caption: typography.define-typography-level(12px, 20px, 400),
|
|---|
| 33 | $button: typography.define-typography-level(14px, 14px, 500),
|
|---|
| 34 | $input: typography.define-typography-level(inherit, 1.125, 400)
|
|---|
| 35 | ) {
|
|---|
| 36 | @return typography.define-typography-config($font-family, $display-4, $display-3, $display-2,
|
|---|
| 37 | $display-1, $headline, $title, $subheading-2, $subheading-1, $body-2,
|
|---|
| 38 | $body-1, $caption, $button, $input);
|
|---|
| 39 | }
|
|---|
