You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
1.8 KiB

7 years ago
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.3
  6. */
  7. md-switch.md-THEME_NAME-theme .md-ink-ripple {
  8. color: '{{background-500}}'; }
  9. md-switch.md-THEME_NAME-theme .md-thumb {
  10. background-color: '{{background-50}}'; }
  11. md-switch.md-THEME_NAME-theme .md-bar {
  12. background-color: '{{background-500}}'; }
  13. md-switch.md-THEME_NAME-theme.md-checked .md-ink-ripple {
  14. color: '{{accent-color}}'; }
  15. md-switch.md-THEME_NAME-theme.md-checked .md-thumb {
  16. background-color: '{{accent-color}}'; }
  17. md-switch.md-THEME_NAME-theme.md-checked .md-bar {
  18. background-color: '{{accent-color-0.5}}'; }
  19. md-switch.md-THEME_NAME-theme.md-checked.md-focused .md-thumb:before {
  20. background-color: '{{accent-color-0.26}}'; }
  21. md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-ink-ripple {
  22. color: '{{primary-color}}'; }
  23. md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-thumb {
  24. background-color: '{{primary-color}}'; }
  25. md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-bar {
  26. background-color: '{{primary-color-0.5}}'; }
  27. md-switch.md-THEME_NAME-theme.md-checked.md-primary.md-focused .md-thumb:before {
  28. background-color: '{{primary-color-0.26}}'; }
  29. md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-ink-ripple {
  30. color: '{{warn-color}}'; }
  31. md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-thumb {
  32. background-color: '{{warn-color}}'; }
  33. md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-bar {
  34. background-color: '{{warn-color-0.5}}'; }
  35. md-switch.md-THEME_NAME-theme.md-checked.md-warn.md-focused .md-thumb:before {
  36. background-color: '{{warn-color-0.26}}'; }
  37. md-switch.md-THEME_NAME-theme[disabled] .md-thumb {
  38. background-color: '{{background-400}}'; }
  39. md-switch.md-THEME_NAME-theme[disabled] .md-bar {
  40. background-color: '{{foreground-4}}'; }