63 lines
2.2 KiB
CSS
63 lines
2.2 KiB
CSS
/*!
|
|
* AngularJS Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v1.1.19
|
|
*/
|
|
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}}'; }
|