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}}'; }