UNPKG

angular-material

Version:

**[Support for legacy AngularJS ended on January 1st, 2022](https://goo.gle/angularjs-end-of-life). [See `@angular/core` for the actively supported Angular](https://npmjs.com/@angular/core).**

63 lines 2.23 kB
/*! * AngularJS Material Design * https://github.com/angular/material * @license MIT * v1.2.5 */ md-switch.md-THEME_NAME-theme .md-ink-ripple { color: "{{background-500}}"; } md-switch.md-THEME_NAME-theme .md-thumb { background-color: "{{background-50}}"; } md-switch.md-THEME_NAME-theme .md-bar { background-color: "{{background-500}}"; } md-switch.md-THEME_NAME-theme.md-focused:not(.md-checked) .md-thumb:before { background-color: "{{foreground-4}}"; } md-switch.md-THEME_NAME-theme.md-focused[disabled] .md-thumb:before { background-color: "{{foreground-4}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]) .md-ink-ripple { color: "{{accent-color}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]) .md-thumb { background-color: "{{accent-color}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]) .md-bar { background-color: "{{accent-color-0.5}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-focused .md-thumb:before { background-color: "{{accent-color-0.26}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-primary .md-ink-ripple { color: "{{primary-color}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-primary .md-thumb { background-color: "{{primary-color}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-primary .md-bar { background-color: "{{primary-color-0.5}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-primary.md-focused .md-thumb:before { background-color: "{{primary-color-0.26}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-warn .md-ink-ripple { color: "{{warn-color}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-warn .md-thumb { background-color: "{{warn-color}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-warn .md-bar { background-color: "{{warn-color-0.5}}"; } md-switch.md-THEME_NAME-theme.md-checked:not([disabled]).md-warn.md-focused .md-thumb:before { background-color: "{{warn-color-0.26}}"; } md-switch.md-THEME_NAME-theme[disabled] .md-thumb { background-color: "{{background-400}}"; } md-switch.md-THEME_NAME-theme[disabled] .md-bar { background-color: "{{foreground-4}}"; }