Last change
on this file since 6c1585f was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago |
initial commit
|
-
Property mode
set to
100644
|
File size:
1.2 KB
|
Line | |
---|
1 | @use '../../cdk/overlay';
|
---|
2 | @use '../../cdk/a11y';
|
---|
3 | @use '../../cdk/text-field';
|
---|
4 |
|
---|
5 | // Core styles that can be used to apply material design treatments to any element.
|
---|
6 | @use './ripple/ripple';
|
---|
7 | @use './focus-indicators/focus-indicators';
|
---|
8 | @use './typography/all-typography';
|
---|
9 |
|
---|
10 | // Mixin that renders all of the core styles that are not theme-dependent.
|
---|
11 | @mixin core($typography-config: null) {
|
---|
12 | @include all-typography.all-component-typographies($typography-config);
|
---|
13 | @include ripple.ripple();
|
---|
14 | @include a11y.a11y-visually-hidden();
|
---|
15 | @include overlay.overlay();
|
---|
16 | @include text-field.text-field-autosize();
|
---|
17 | @include text-field.text-field-autofill();
|
---|
18 |
|
---|
19 | @include focus-indicators.private-strong-focus-indicators-positioning();
|
---|
20 | @include _mdc-core();
|
---|
21 | }
|
---|
22 |
|
---|
23 | // Mixin that renders all of the core MDC styles. Private mixin included with `mat-core`.
|
---|
24 | @mixin _mdc-core() {
|
---|
25 | @include _mdc-strong-focus-indicators-positioning();
|
---|
26 | }
|
---|
27 |
|
---|
28 | // Mixin that ensures focus indicator host elements are positioned so that the focus indicator
|
---|
29 | // pseudo element within is positioned relative to the host. Private mixin included within
|
---|
30 | // `_mat-mdc-core`.
|
---|
31 | @mixin _mdc-strong-focus-indicators-positioning() {
|
---|
32 | .mat-mdc-focus-indicator {
|
---|
33 | position: relative;
|
---|
34 | }
|
---|
35 | }
|
---|
Note:
See
TracBrowser
for help on using the repository browser.