2  * Angular Material Design
 
   3  * https://github.com/angular/material
 
   7 md-checkbox.md-THEME_NAME-theme .md-ripple {
 
   8   color: '{{accent-A700}}'; }
 
  10 md-checkbox.md-THEME_NAME-theme.md-checked .md-ripple {
 
  11   color: '{{background-600}}'; }
 
  13 md-checkbox.md-THEME_NAME-theme.md-checked.md-focused .md-container:before {
 
  14   background-color: '{{accent-color-0.26}}'; }
 
  16 md-checkbox.md-THEME_NAME-theme .md-ink-ripple {
 
  17   color: '{{foreground-2}}'; }
 
  19 md-checkbox.md-THEME_NAME-theme.md-checked .md-ink-ripple {
 
  20   color: '{{accent-color-0.87}}'; }
 
  22 md-checkbox.md-THEME_NAME-theme:not(.md-checked) .md-icon {
 
  23   border-color: '{{foreground-2}}'; }
 
  25 md-checkbox.md-THEME_NAME-theme.md-checked .md-icon {
 
  26   background-color: '{{accent-color-0.87}}'; }
 
  28 md-checkbox.md-THEME_NAME-theme.md-checked .md-icon:after {
 
  29   border-color: '{{accent-contrast-0.87}}'; }
 
  31 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ripple {
 
  32   color: '{{primary-600}}'; }
 
  34 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ripple {
 
  35   color: '{{background-600}}'; }
 
  37 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ink-ripple {
 
  38   color: '{{foreground-2}}'; }
 
  40 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple {
 
  41   color: '{{primary-color-0.87}}'; }
 
  43 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary:not(.md-checked) .md-icon {
 
  44   border-color: '{{foreground-2}}'; }
 
  46 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon {
 
  47   background-color: '{{primary-color-0.87}}'; }
 
  49 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked.md-focused .md-container:before {
 
  50   background-color: '{{primary-color-0.26}}'; }
 
  52 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon:after {
 
  53   border-color: '{{primary-contrast-0.87}}'; }
 
  55 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-indeterminate[disabled] .md-container {
 
  56   color: '{{foreground-3}}'; }
 
  58 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ripple {
 
  59   color: '{{warn-600}}'; }
 
  61 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ink-ripple {
 
  62   color: '{{foreground-2}}'; }
 
  64 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple {
 
  65   color: '{{warn-color-0.87}}'; }
 
  67 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn:not(.md-checked) .md-icon {
 
  68   border-color: '{{foreground-2}}'; }
 
  70 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon {
 
  71   background-color: '{{warn-color-0.87}}'; }
 
  73 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before {
 
  74   background-color: '{{warn-color-0.26}}'; }
 
  76 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon:after {
 
  77   border-color: '{{background-200}}'; }
 
  79 md-checkbox.md-THEME_NAME-theme[disabled]:not(.md-checked) .md-icon {
 
  80   border-color: '{{foreground-3}}'; }
 
  82 md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon {
 
  83   background-color: '{{foreground-3}}'; }
 
  85 md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon:after {
 
  86   border-color: '{{background-200}}'; }
 
  88 md-checkbox.md-THEME_NAME-theme[disabled] .md-icon:after {
 
  89   border-color: '{{foreground-3}}'; }
 
  91 md-checkbox.md-THEME_NAME-theme[disabled] .md-label {
 
  92   color: '{{foreground-3}}'; }