material2/src/lib/stepper/_stepper-theme.scss at 7bb7a5400a11550dbe48bcb498419db797f3ffaa · g1shin/material2 · GitHub

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
@import '../core/theming/palette';
@import '../core/theming/theming';
@import '../core/typography/_typography-utils.scss';

@mixin mat-stepper-theme($theme) {
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);
  $primary: map-get($theme, primary);

  .mat-horizontal-stepper-header, .mat-vertical-stepper-header {

    .mat-stepper-label {
      color: mat-color($foreground, text);
    }

    .mat-stepper-index {
      background-color: mat-color($primary);
      color: mat-color($primary, default-contrast);
    }

    &[aria-selected='false'] {
      .mat-stepper-label {
        color: mat-color($foreground, disabled-text);
      }

      .mat-stepper-index {
        background-color: mat-color($foreground, disabled-text);
      }
    }
  }

  .mat-stepper-horizontal, .mat-stepper-vertical {
    background-color: mat-color($background, card);
  }

  .vertical-content-container {
    border-left-color: mat-color($foreground, divider);
  }

  .connector-line {
    border-top-color: mat-color($foreground, divider);
  }
}