2 * Angular Material Design
3 * https://github.com/angular/material
7 md-radio-button.md-THEME_NAME-theme .md-off {
8 border-color: '{{foreground-2}}'; }
10 md-radio-button.md-THEME_NAME-theme .md-on {
11 background-color: '{{accent-color-0.87}}'; }
13 md-radio-button.md-THEME_NAME-theme.md-checked .md-off {
14 border-color: '{{accent-color-0.87}}'; }
16 md-radio-button.md-THEME_NAME-theme.md-checked .md-ink-ripple {
17 color: '{{accent-color-0.87}}'; }
19 md-radio-button.md-THEME_NAME-theme .md-container .md-ripple {
20 color: '{{accent-A700}}'; }
22 md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-on, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-on,
23 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-on,
24 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-on {
25 background-color: '{{primary-color-0.87}}'; }
27 md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-off,
28 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-off,
29 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-off,
30 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-off,
31 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-off {
32 border-color: '{{primary-color-0.87}}'; }
34 md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple,
35 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-ink-ripple,
36 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-ink-ripple,
37 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-ink-ripple,
38 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple {
39 color: '{{primary-color-0.87}}'; }
41 md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-container .md-ripple,
42 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-container .md-ripple,
43 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-container .md-ripple {
44 color: '{{primary-600}}'; }
46 md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-on, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-on,
47 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-on,
48 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-on {
49 background-color: '{{warn-color-0.87}}'; }
51 md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-off,
52 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-off,
53 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-off,
54 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-off,
55 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-off {
56 border-color: '{{warn-color-0.87}}'; }
58 md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple,
59 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-ink-ripple,
60 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-ink-ripple,
61 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-ink-ripple,
62 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple {
63 color: '{{warn-color-0.87}}'; }
65 md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-container .md-ripple,
66 md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-container .md-ripple,
67 md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-container .md-ripple {
68 color: '{{warn-600}}'; }
70 md-radio-group.md-THEME_NAME-theme[disabled],
71 md-radio-button.md-THEME_NAME-theme[disabled] {
72 color: '{{foreground-3}}'; }
73 md-radio-group.md-THEME_NAME-theme[disabled] .md-container .md-off,
74 md-radio-button.md-THEME_NAME-theme[disabled] .md-container .md-off {
75 border-color: '{{foreground-3}}'; }
76 md-radio-group.md-THEME_NAME-theme[disabled] .md-container .md-on,
77 md-radio-button.md-THEME_NAME-theme[disabled] .md-container .md-on {
78 border-color: '{{foreground-3}}'; }
80 md-radio-group.md-THEME_NAME-theme .md-checked .md-ink-ripple {
81 color: '{{accent-color-0.26}}'; }
83 md-radio-group.md-THEME_NAME-theme.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-THEME_NAME-theme .md-checked:not([disabled]).md-primary .md-ink-ripple {
84 color: '{{primary-color-0.26}}'; }
86 md-radio-group.md-THEME_NAME-theme .md-checked.md-primary .md-ink-ripple {
87 color: '{{warn-color-0.26}}'; }
89 md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked .md-container:before {
90 background-color: '{{accent-color-0.26}}'; }
92 md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty).md-primary .md-checked .md-container:before,
93 md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked.md-primary .md-container:before {
94 background-color: '{{primary-color-0.26}}'; }
96 md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty).md-warn .md-checked .md-container:before,
97 md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked.md-warn .md-container:before {
98 background-color: '{{warn-color-0.26}}'; }