2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 md-checkbox.md-THEME_NAME-theme .md-ripple {
9 color: '{{accent-600}}'; }
10 md-checkbox.md-THEME_NAME-theme.md-checked .md-ripple {
11 color: '{{background-600}}'; }
12 md-checkbox.md-THEME_NAME-theme.md-checked.md-focused .md-container:before {
13 background-color: '{{accent-color-0.26}}'; }
14 md-checkbox.md-THEME_NAME-theme .md-icon {
15 border-color: '{{foreground-2}}'; }
16 md-checkbox.md-THEME_NAME-theme.md-checked .md-icon {
17 background-color: '{{accent-color-0.87}}'; }
18 md-checkbox.md-THEME_NAME-theme.md-checked .md-icon:after {
19 border-color: '{{background-200}}'; }
20 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ripple {
21 color: '{{primary-600}}'; }
22 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ripple {
23 color: '{{background-600}}'; }
24 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-icon {
25 border-color: '{{foreground-2}}'; }
26 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon {
27 background-color: '{{primary-color-0.87}}'; }
28 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked.md-focused .md-container:before {
29 background-color: '{{primary-color-0.26}}'; }
30 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon:after {
31 border-color: '{{background-200}}'; }
32 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ripple {
33 color: '{{warn-600}}'; }
34 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-icon {
35 border-color: '{{foreground-2}}'; }
36 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon {
37 background-color: '{{warn-color-0.87}}'; }
38 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before {
39 background-color: '{{warn-color-0.26}}'; }
40 md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon:after {
41 border-color: '{{background-200}}'; }
42 md-checkbox.md-THEME_NAME-theme[disabled] .md-icon {
43 border-color: '{{foreground-3}}'; }
44 md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon {
45 background-color: '{{foreground-3}}'; }
46 md-checkbox.md-THEME_NAME-theme[disabled] .md-label {
47 color: '{{foreground-3}}'; }