1 | @use './typography';
|
---|
2 | @use '../../autocomplete/autocomplete-theme';
|
---|
3 | @use '../../badge/badge-theme';
|
---|
4 | @use '../../bottom-sheet/bottom-sheet-theme';
|
---|
5 | @use '../../button/button-theme';
|
---|
6 | @use '../../button-toggle/button-toggle-theme';
|
---|
7 | @use '../../card/card-theme';
|
---|
8 | @use '../../checkbox/checkbox-theme';
|
---|
9 | @use '../../chips/chips-theme';
|
---|
10 | @use '../../divider/divider-theme';
|
---|
11 | @use '../../table/table-theme';
|
---|
12 | @use '../../datepicker/datepicker-theme';
|
---|
13 | @use '../../dialog/dialog-theme';
|
---|
14 | @use '../../expansion/expansion-theme';
|
---|
15 | @use '../../grid-list/grid-list-theme';
|
---|
16 | @use '../../icon/icon-theme';
|
---|
17 | @use '../../input/input-theme';
|
---|
18 | @use '../../list/list-theme';
|
---|
19 | @use '../../menu/menu-theme';
|
---|
20 | @use '../../paginator/paginator-theme';
|
---|
21 | @use '../../progress-bar/progress-bar-theme';
|
---|
22 | @use '../../progress-spinner/progress-spinner-theme';
|
---|
23 | @use '../../radio/radio-theme';
|
---|
24 | @use '../../select/select-theme';
|
---|
25 | @use '../../sidenav/sidenav-theme';
|
---|
26 | @use '../../slide-toggle/slide-toggle-theme';
|
---|
27 | @use '../../slider/slider-theme';
|
---|
28 | @use '../../stepper/stepper-theme';
|
---|
29 | @use '../../sort/sort-theme';
|
---|
30 | @use '../../tabs/tabs-theme';
|
---|
31 | @use '../../toolbar/toolbar-theme';
|
---|
32 | @use '../../tooltip/tooltip-theme';
|
---|
33 | @use '../../snack-bar/snack-bar-theme';
|
---|
34 | @use '../option/option-theme';
|
---|
35 | @use '../option/optgroup-theme';
|
---|
36 | @use '../../form-field/form-field-theme';
|
---|
37 | @use '../../tree/tree-theme';
|
---|
38 | @use '../theming/theming';
|
---|
39 |
|
---|
40 |
|
---|
41 | // Includes all of the typographic styles.
|
---|
42 | @mixin all-component-typographies($config-or-theme: null) {
|
---|
43 | $config: if(theming.private-is-theme-object($config-or-theme),
|
---|
44 | theming.get-typography-config($config-or-theme), $config-or-theme);
|
---|
45 |
|
---|
46 | // If no actual color configuration has been specified, create a default one.
|
---|
47 | @if not $config {
|
---|
48 | $config: typography.define-typography-config();
|
---|
49 | }
|
---|
50 |
|
---|
51 | // TODO: COMP-309: Do not use individual mixins. Instead, use the all-theme mixin and only
|
---|
52 | // specify a `typography` config while setting `color` and `density` to `null`. This is currently
|
---|
53 | // not possible as it would introduce a circular dependency for typography because the `mat-core`
|
---|
54 | // mixin that is transitively loaded by the `all-theme` file, imports `all-typography` which
|
---|
55 | // would then load `all-theme` again. This ultimately results a circular dependency.
|
---|
56 |
|
---|
57 | @include badge-theme.typography($config);
|
---|
58 | @include typography.typography-hierarchy($config);
|
---|
59 | @include autocomplete-theme.typography($config);
|
---|
60 | @include bottom-sheet-theme.typography($config);
|
---|
61 | @include button-theme.typography($config);
|
---|
62 | @include button-toggle-theme.typography($config);
|
---|
63 | @include card-theme.typography($config);
|
---|
64 | @include checkbox-theme.typography($config);
|
---|
65 | @include chips-theme.typography($config);
|
---|
66 | @include divider-theme.typography($config);
|
---|
67 | @include table-theme.typography($config);
|
---|
68 | @include datepicker-theme.typography($config);
|
---|
69 | @include dialog-theme.typography($config);
|
---|
70 | @include expansion-theme.typography($config);
|
---|
71 | @include form-field-theme.typography($config);
|
---|
72 | @include grid-list-theme.typography($config);
|
---|
73 | @include icon-theme.typography($config);
|
---|
74 | @include input-theme.typography($config);
|
---|
75 | @include menu-theme.typography($config);
|
---|
76 | @include paginator-theme.typography($config);
|
---|
77 | @include progress-bar-theme.typography($config);
|
---|
78 | @include progress-spinner-theme.typography($config);
|
---|
79 | @include radio-theme.typography($config);
|
---|
80 | @include select-theme.typography($config);
|
---|
81 | @include sidenav-theme.typography($config);
|
---|
82 | @include slide-toggle-theme.typography($config);
|
---|
83 | @include slider-theme.typography($config);
|
---|
84 | @include stepper-theme.typography($config);
|
---|
85 | @include sort-theme.typography($config);
|
---|
86 | @include tabs-theme.typography($config);
|
---|
87 | @include toolbar-theme.typography($config);
|
---|
88 | @include tooltip-theme.typography($config);
|
---|
89 | @include list-theme.typography($config);
|
---|
90 | @include option-theme.typography($config);
|
---|
91 | @include optgroup-theme.typography($config);
|
---|
92 | @include snack-bar-theme.typography($config);
|
---|
93 | @include tree-theme.typography($config);
|
---|
94 | }
|
---|
95 |
|
---|
96 | // @deprecated Use `all-component-typographies`.
|
---|
97 | @mixin angular-material-typography($config-or-theme: null) {
|
---|
98 | @include all-component-typographies($config-or-theme);
|
---|
99 | }
|
---|