2 * Angular Material Design
3 * https://github.com/angular/material
7 .md-button.md-THEME_NAME-theme:not([disabled]):hover {
8 background-color: '{{background-500-0.2}}'; }
10 .md-button.md-THEME_NAME-theme:not([disabled]).md-focused {
11 background-color: '{{background-500-0.2}}'; }
13 .md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover {
14 background-color: transparent; }
16 .md-button.md-THEME_NAME-theme.md-fab {
17 background-color: '{{accent-color}}';
18 color: '{{accent-contrast}}'; }
19 .md-button.md-THEME_NAME-theme.md-fab md-icon {
20 color: '{{accent-contrast}}'; }
21 .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover {
22 background-color: '{{accent-A700}}'; }
23 .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused {
24 background-color: '{{accent-A700}}'; }
26 .md-button.md-THEME_NAME-theme.md-primary {
27 color: '{{primary-color}}'; }
28 .md-button.md-THEME_NAME-theme.md-primary.md-raised, .md-button.md-THEME_NAME-theme.md-primary.md-fab {
29 color: '{{primary-contrast}}';
30 background-color: '{{primary-color}}'; }
31 .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]) md-icon {
32 color: '{{primary-contrast}}'; }
33 .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):hover {
34 background-color: '{{primary-600}}'; }
35 .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]).md-focused {
36 background-color: '{{primary-600}}'; }
37 .md-button.md-THEME_NAME-theme.md-primary:not([disabled]) md-icon {
38 color: '{{primary-color}}'; }
40 .md-button.md-THEME_NAME-theme.md-fab {
41 background-color: '{{accent-color}}';
42 color: '{{accent-contrast}}'; }
43 .md-button.md-THEME_NAME-theme.md-fab:not([disabled]) .md-icon {
44 color: '{{accent-contrast}}'; }
45 .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover {
46 background-color: '{{accent-A700}}'; }
47 .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused {
48 background-color: '{{accent-A700}}'; }
50 .md-button.md-THEME_NAME-theme.md-raised {
51 color: '{{background-900}}';
52 background-color: '{{background-50}}'; }
53 .md-button.md-THEME_NAME-theme.md-raised:not([disabled]) md-icon {
54 color: '{{background-900}}'; }
55 .md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover {
56 background-color: '{{background-50}}'; }
57 .md-button.md-THEME_NAME-theme.md-raised:not([disabled]).md-focused {
58 background-color: '{{background-200}}'; }
60 .md-button.md-THEME_NAME-theme.md-warn {
61 color: '{{warn-color}}'; }
62 .md-button.md-THEME_NAME-theme.md-warn.md-raised, .md-button.md-THEME_NAME-theme.md-warn.md-fab {
63 color: '{{warn-contrast}}';
64 background-color: '{{warn-color}}'; }
65 .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]) md-icon {
66 color: '{{warn-contrast}}'; }
67 .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]):hover {
68 background-color: '{{warn-600}}'; }
69 .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]).md-focused {
70 background-color: '{{warn-600}}'; }
71 .md-button.md-THEME_NAME-theme.md-warn:not([disabled]) md-icon {
72 color: '{{warn-color}}'; }
74 .md-button.md-THEME_NAME-theme.md-accent {
75 color: '{{accent-color}}'; }
76 .md-button.md-THEME_NAME-theme.md-accent.md-raised, .md-button.md-THEME_NAME-theme.md-accent.md-fab {
77 color: '{{accent-contrast}}';
78 background-color: '{{accent-color}}'; }
79 .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]) md-icon {
80 color: '{{accent-contrast}}'; }
81 .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]):hover {
82 background-color: '{{accent-A700}}'; }
83 .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]).md-focused {
84 background-color: '{{accent-A700}}'; }
85 .md-button.md-THEME_NAME-theme.md-accent:not([disabled]) md-icon {
86 color: '{{accent-color}}'; }
88 .md-button.md-THEME_NAME-theme[disabled], .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled], .md-button.md-THEME_NAME-theme.md-accent[disabled], .md-button.md-THEME_NAME-theme.md-warn[disabled] {
89 color: '{{foreground-3}}';
91 .md-button.md-THEME_NAME-theme[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-raised[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-fab[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-accent[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-warn[disabled] md-icon {
92 color: '{{foreground-3}}'; }
94 .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled] {
95 background-color: '{{foreground-4}}'; }
97 .md-button.md-THEME_NAME-theme[disabled] {
98 background-color: transparent; }
100 ._md a.md-THEME_NAME-theme:not(.md-button).md-primary {
101 color: '{{primary-color}}'; }
102 ._md a.md-THEME_NAME-theme:not(.md-button).md-primary:hover {
103 color: '{{primary-700}}'; }
105 ._md a.md-THEME_NAME-theme:not(.md-button).md-accent {
106 color: '{{accent-color}}'; }
107 ._md a.md-THEME_NAME-theme:not(.md-button).md-accent:hover {
108 color: '{{accent-700}}'; }
110 ._md a.md-THEME_NAME-theme:not(.md-button).md-accent {
111 color: '{{accent-color}}'; }
112 ._md a.md-THEME_NAME-theme:not(.md-button).md-accent:hover {
113 color: '{{accent-A700}}'; }
115 ._md a.md-THEME_NAME-theme:not(.md-button).md-warn {
116 color: '{{warn-color}}'; }
117 ._md a.md-THEME_NAME-theme:not(.md-button).md-warn:hover {
118 color: '{{warn-700}}'; }