[6a3a178] | 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 | }
|
---|