1 | @use '../../theming/theming';
|
---|
2 | @use '../../../expansion/expansion-theme';
|
---|
3 | @use '../../../stepper/stepper-theme';
|
---|
4 | @use '../../../toolbar/toolbar-theme';
|
---|
5 | @use '../../../tree/tree-theme';
|
---|
6 | @use '../../../paginator/paginator-theme';
|
---|
7 | @use '../../../form-field/form-field-theme';
|
---|
8 | @use '../../../button-toggle/button-toggle-theme';
|
---|
9 |
|
---|
10 | // Includes all of the density styles.
|
---|
11 | @mixin all-component-densities($config-or-theme) {
|
---|
12 | // In case a theme object has been passed instead of a configuration for
|
---|
13 | // the density system, extract the density config from the theme object.
|
---|
14 | $config: if(theming.private-is-theme-object($config-or-theme),
|
---|
15 | theming.get-density-config($config-or-theme), $config-or-theme);
|
---|
16 |
|
---|
17 | @if $config == null {
|
---|
18 | @error 'No density configuration specified.';
|
---|
19 | }
|
---|
20 |
|
---|
21 | // TODO: COMP-309: Do not use individual mixins. Instead, use the all-theme mixin and only
|
---|
22 | // specify a `density` config while setting `color` and `typography` to `null`. This is currently
|
---|
23 | // not possible as it would introduce a circular dependency for density because the `mat-core`
|
---|
24 | // mixin that is transitively loaded by the `all-theme` file, imports `all-density` which
|
---|
25 | // would then load `all-theme` again. This ultimately results a circular dependency.
|
---|
26 |
|
---|
27 | @include expansion-theme.density($config);
|
---|
28 | @include stepper-theme.density($config);
|
---|
29 | @include toolbar-theme.density($config);
|
---|
30 | @include tree-theme.density($config);
|
---|
31 | @include paginator-theme.density($config);
|
---|
32 | @include form-field-theme.density($config);
|
---|
33 | @include button-toggle-theme.density($config);
|
---|
34 | }
|
---|
35 |
|
---|
36 |
|
---|
37 | // @deprecated Use `all-component-densities`.
|
---|
38 | @mixin angular-material-density($config-or-theme) {
|
---|
39 | @include all-component-densities($config-or-theme);
|
---|
40 | }
|
---|