2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 md-slider.md-THEME_NAME-theme .md-track {
9 background-color: '{{foreground-3}}'; }
10 md-slider.md-THEME_NAME-theme .md-track-ticks {
11 background-color: '{{foreground-4}}'; }
12 md-slider.md-THEME_NAME-theme .md-focus-thumb {
13 background-color: '{{foreground-2}}'; }
14 md-slider.md-THEME_NAME-theme .md-focus-ring {
15 border-color: '{{foreground-4}}'; }
16 md-slider.md-THEME_NAME-theme .md-disabled-thumb {
17 border-color: '{{background-color}}'; }
18 md-slider.md-THEME_NAME-theme.md-min .md-thumb:after {
19 background-color: '{{background-color}}'; }
20 md-slider.md-THEME_NAME-theme .md-track.md-track-fill {
21 background-color: '{{accent-color}}'; }
22 md-slider.md-THEME_NAME-theme .md-thumb:after {
23 border-color: '{{accent-color}}';
24 background-color: '{{accent-color}}'; }
25 md-slider.md-THEME_NAME-theme .md-sign {
26 background-color: '{{accent-color}}'; }
27 md-slider.md-THEME_NAME-theme .md-sign:after {
28 border-top-color: '{{accent-color}}'; }
29 md-slider.md-THEME_NAME-theme .md-thumb-text {
30 color: '{{accent-contrast}}'; }
31 md-slider.md-THEME_NAME-theme.md-warn .md-track.md-track-fill {
32 background-color: '{{warn-color}}'; }
33 md-slider.md-THEME_NAME-theme.md-warn .md-thumb:after {
34 border-color: '{{warn-color}}';
35 background-color: '{{warn-color}}'; }
36 md-slider.md-THEME_NAME-theme.md-warn .md-sign {
37 background-color: '{{warn-color}}'; }
38 md-slider.md-THEME_NAME-theme.md-warn .md-sign:after {
39 border-top-color: '{{warn-color}}'; }
40 md-slider.md-THEME_NAME-theme.md-warn .md-thumb-text {
41 color: '{{warn-contrast}}'; }
42 md-slider.md-THEME_NAME-theme.md-primary .md-track.md-track-fill {
43 background-color: '{{primary-color}}'; }
44 md-slider.md-THEME_NAME-theme.md-primary .md-thumb:after {
45 border-color: '{{primary-color}}';
46 background-color: '{{primary-color}}'; }
47 md-slider.md-THEME_NAME-theme.md-primary .md-sign {
48 background-color: '{{primary-color}}'; }
49 md-slider.md-THEME_NAME-theme.md-primary .md-sign:after {
50 border-top-color: '{{primary-color}}'; }
51 md-slider.md-THEME_NAME-theme.md-primary .md-thumb-text {
52 color: '{{primary-contrast}}'; }
53 md-slider.md-THEME_NAME-theme[disabled] .md-thumb:after {
54 border-color: '{{foreground-3}}'; }
55 md-slider.md-THEME_NAME-theme[disabled]:not(.md-min) .md-thumb:after {
56 background-color: '{{foreground-3}}'; }