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 | }
|
---|