checkbox-default-theme.css 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. md-checkbox.md-THEME_NAME-theme .md-ripple {
  8. color: '{{accent-600}}'; }
  9. md-checkbox.md-THEME_NAME-theme.md-checked .md-ripple {
  10. color: '{{background-600}}'; }
  11. md-checkbox.md-THEME_NAME-theme.md-checked.md-focused .md-container:before {
  12. background-color: '{{accent-color-0.26}}'; }
  13. md-checkbox.md-THEME_NAME-theme .md-ink-ripple {
  14. color: '{{foreground-2}}'; }
  15. md-checkbox.md-THEME_NAME-theme.md-checked .md-ink-ripple {
  16. color: '{{accent-color-0.87}}'; }
  17. md-checkbox.md-THEME_NAME-theme .md-icon {
  18. border-color: '{{foreground-2}}'; }
  19. md-checkbox.md-THEME_NAME-theme.md-checked .md-icon {
  20. background-color: '{{accent-color-0.87}}'; }
  21. md-checkbox.md-THEME_NAME-theme.md-checked .md-icon:after {
  22. border-color: '{{background-200}}'; }
  23. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ripple {
  24. color: '{{primary-600}}'; }
  25. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ripple {
  26. color: '{{background-600}}'; }
  27. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ink-ripple {
  28. color: '{{foreground-2}}'; }
  29. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple {
  30. color: '{{primary-color-0.87}}'; }
  31. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-icon {
  32. border-color: '{{foreground-2}}'; }
  33. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon {
  34. background-color: '{{primary-color-0.87}}'; }
  35. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked.md-focused .md-container:before {
  36. background-color: '{{primary-color-0.26}}'; }
  37. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon:after {
  38. border-color: '{{background-200}}'; }
  39. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ripple {
  40. color: '{{warn-600}}'; }
  41. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ink-ripple {
  42. color: '{{foreground-2}}'; }
  43. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple {
  44. color: '{{warn-color-0.87}}'; }
  45. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-icon {
  46. border-color: '{{foreground-2}}'; }
  47. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon {
  48. background-color: '{{warn-color-0.87}}'; }
  49. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before {
  50. background-color: '{{warn-color-0.26}}'; }
  51. md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon:after {
  52. border-color: '{{background-200}}'; }
  53. md-checkbox.md-THEME_NAME-theme[disabled] .md-icon {
  54. border-color: '{{foreground-3}}'; }
  55. md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon {
  56. background-color: '{{foreground-3}}'; }
  57. md-checkbox.md-THEME_NAME-theme[disabled] .md-label {
  58. color: '{{foreground-3}}'; }