2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 md-switch.md-THEME_NAME-theme .md-thumb {
9 background-color: '{{background-50}}'; }
10 md-switch.md-THEME_NAME-theme .md-bar {
11 background-color: '{{background-500}}'; }
12 md-switch.md-THEME_NAME-theme.md-checked .md-thumb {
13 background-color: '{{accent-color}}'; }
14 md-switch.md-THEME_NAME-theme.md-checked .md-bar {
15 background-color: '{{accent-color-0.5}}'; }
16 md-switch.md-THEME_NAME-theme.md-checked.md-focused .md-thumb:before {
17 background-color: '{{accent-color-0.26}}'; }
18 md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-thumb {
19 background-color: '{{primary-color}}'; }
20 md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-bar {
21 background-color: '{{primary-color-0.5}}'; }
22 md-switch.md-THEME_NAME-theme.md-checked.md-primary.md-focused .md-thumb:before {
23 background-color: '{{primary-color-0.26}}'; }
24 md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-thumb {
25 background-color: '{{warn-color}}'; }
26 md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-bar {
27 background-color: '{{warn-color-0.5}}'; }
28 md-switch.md-THEME_NAME-theme.md-checked.md-warn.md-focused .md-thumb:before {
29 background-color: '{{warn-color-0.26}}'; }
30 md-switch.md-THEME_NAME-theme[disabled] .md-thumb {
31 background-color: '{{background-400}}'; }
32 md-switch.md-THEME_NAME-theme[disabled] .md-bar {
33 background-color: '{{foreground-4}}'; }