-
Notifications
You must be signed in to change notification settings - Fork 6.7k
/
_all-typography.scss
29 lines (24 loc) · 1.31 KB
/
_all-typography.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
@use '../../core/typography/typography';
@use '../../core/theming/theming';
@use '../../legacy-card/card-theme';
@use '../../legacy-progress-bar/progress-bar-theme';
// Includes all of the typographic styles.
@mixin all-legacy-component-typographies($config-or-theme: null) {
$config: if(theming.private-is-theme-object($config-or-theme),
theming.get-typography-config($config-or-theme), $config-or-theme);
// If no actual color configuration has been specified, create a default one.
@if not $config {
$config: typography.define-typography-config();
}
// TODO: COMP-309: Do not use individual mixins. Instead, use the all-theme mixin and only
// specify a `typography` config while setting `color` and `density` to `null`. This is currently
// not possible as it would introduce a circular dependency for typography because the `mat-core`
// mixin that is transitively loaded by the `all-theme` file, imports `all-typography` which
// would then load `all-theme` again. This ultimately results a circular dependency.
@include card-theme.typography($config);
@include progress-bar-theme.typography($config);
}
// @deprecated Use `all-legacy-component-typographies`.
@mixin angular-material-legacy-typography($config-or-theme: null) {
@include all-legacy-component-typographies($config-or-theme);
}