2 * Angular Material Design
3 * https://github.com/angular/material
7 md-slider.md-THEME_NAME-theme .md-track {
8 background-color: '{{foreground-3}}'; }
10 md-slider.md-THEME_NAME-theme .md-track-ticks {
11 color: '{{background-contrast}}'; }
13 md-slider.md-THEME_NAME-theme .md-focus-ring {
14 background-color: '{{accent-A200-0.2}}'; }
16 md-slider.md-THEME_NAME-theme .md-disabled-thumb {
17 border-color: '{{background-color}}';
18 background-color: '{{background-color}}'; }
20 md-slider.md-THEME_NAME-theme.md-min .md-thumb:after {
21 background-color: '{{background-color}}';
22 border-color: '{{foreground-3}}'; }
24 md-slider.md-THEME_NAME-theme.md-min .md-focus-ring {
25 background-color: '{{foreground-3-0.38}}'; }
27 md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-thumb:after {
28 background-color: '{{background-contrast}}';
29 border-color: transparent; }
31 md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-sign {
32 background-color: '{{background-400}}'; }
33 md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-sign:after {
34 border-top-color: '{{background-400}}'; }
36 md-slider.md-THEME_NAME-theme.md-min[md-discrete][md-vertical] .md-sign:after {
37 border-top-color: transparent;
38 border-left-color: '{{background-400}}'; }
40 md-slider.md-THEME_NAME-theme .md-track.md-track-fill {
41 background-color: '{{accent-color}}'; }
43 md-slider.md-THEME_NAME-theme .md-thumb:after {
44 border-color: '{{accent-color}}';
45 background-color: '{{accent-color}}'; }
47 md-slider.md-THEME_NAME-theme .md-sign {
48 background-color: '{{accent-color}}'; }
49 md-slider.md-THEME_NAME-theme .md-sign:after {
50 border-top-color: '{{accent-color}}'; }
52 md-slider.md-THEME_NAME-theme[md-vertical] .md-sign:after {
53 border-top-color: transparent;
54 border-left-color: '{{accent-color}}'; }
56 md-slider.md-THEME_NAME-theme .md-thumb-text {
57 color: '{{accent-contrast}}'; }
59 md-slider.md-THEME_NAME-theme.md-warn .md-focus-ring {
60 background-color: '{{warn-200-0.38}}'; }
62 md-slider.md-THEME_NAME-theme.md-warn .md-track.md-track-fill {
63 background-color: '{{warn-color}}'; }
65 md-slider.md-THEME_NAME-theme.md-warn .md-thumb:after {
66 border-color: '{{warn-color}}';
67 background-color: '{{warn-color}}'; }
69 md-slider.md-THEME_NAME-theme.md-warn .md-sign {
70 background-color: '{{warn-color}}'; }
71 md-slider.md-THEME_NAME-theme.md-warn .md-sign:after {
72 border-top-color: '{{warn-color}}'; }
74 md-slider.md-THEME_NAME-theme.md-warn[md-vertical] .md-sign:after {
75 border-top-color: transparent;
76 border-left-color: '{{warn-color}}'; }
78 md-slider.md-THEME_NAME-theme.md-warn .md-thumb-text {
79 color: '{{warn-contrast}}'; }
81 md-slider.md-THEME_NAME-theme.md-primary .md-focus-ring {
82 background-color: '{{primary-200-0.38}}'; }
84 md-slider.md-THEME_NAME-theme.md-primary .md-track.md-track-fill {
85 background-color: '{{primary-color}}'; }
87 md-slider.md-THEME_NAME-theme.md-primary .md-thumb:after {
88 border-color: '{{primary-color}}';
89 background-color: '{{primary-color}}'; }
91 md-slider.md-THEME_NAME-theme.md-primary .md-sign {
92 background-color: '{{primary-color}}'; }
93 md-slider.md-THEME_NAME-theme.md-primary .md-sign:after {
94 border-top-color: '{{primary-color}}'; }
96 md-slider.md-THEME_NAME-theme.md-primary[md-vertical] .md-sign:after {
97 border-top-color: transparent;
98 border-left-color: '{{primary-color}}'; }
100 md-slider.md-THEME_NAME-theme.md-primary .md-thumb-text {
101 color: '{{primary-contrast}}'; }
103 md-slider.md-THEME_NAME-theme[disabled] .md-thumb:after {
104 border-color: transparent; }
106 md-slider.md-THEME_NAME-theme[disabled]:not(.md-min) .md-thumb:after, md-slider.md-THEME_NAME-theme[disabled][md-discrete] .md-thumb:after {
107 background-color: '{{foreground-3}}';
108 border-color: transparent; }
110 md-slider.md-THEME_NAME-theme[disabled][readonly] .md-sign {
111 background-color: '{{background-400}}'; }
112 md-slider.md-THEME_NAME-theme[disabled][readonly] .md-sign:after {
113 border-top-color: '{{background-400}}'; }
115 md-slider.md-THEME_NAME-theme[disabled][readonly][md-vertical] .md-sign:after {
116 border-top-color: transparent;
117 border-left-color: '{{background-400}}'; }
119 md-slider.md-THEME_NAME-theme[disabled][readonly] .md-disabled-thumb {
120 border-color: transparent;
121 background-color: transparent; }
123 md-slider-container[disabled] > *:first-child:not(md-slider),
124 md-slider-container[disabled] > *:last-child:not(md-slider) {
125 color: '{{foreground-3}}'; }