source: trip-planner-front/node_modules/angular-material/modules/closure/button/button-default-theme.css@ 6a3a178

Last change on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit
  • Property mode set to 100644
File size: 5.4 KB
Line 
1/*!
2 * AngularJS Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.2.3
6 */
7.md-button.md-THEME_NAME-theme:not([disabled]):hover {
8 background-color: '{{background-500-0.2}}'; }
9
10.md-button.md-THEME_NAME-theme:not([disabled]).md-focused {
11 background-color: '{{background-500-0.2}}'; }
12
13.md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover {
14 background-color: transparent; }
15
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}}'; }
25
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}}'; }
39
40.md-button.md-THEME_NAME-theme.md-raised {
41 color: '{{background-900}}';
42 background-color: '{{background-50}}'; }
43 .md-button.md-THEME_NAME-theme.md-raised:not([disabled]) md-icon {
44 color: '{{background-900}}'; }
45 .md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover {
46 background-color: '{{background-50}}'; }
47 .md-button.md-THEME_NAME-theme.md-raised:not([disabled]).md-focused {
48 background-color: '{{background-200}}'; }
49
50.md-button.md-THEME_NAME-theme.md-warn {
51 color: '{{warn-color}}'; }
52 .md-button.md-THEME_NAME-theme.md-warn.md-raised, .md-button.md-THEME_NAME-theme.md-warn.md-fab {
53 color: '{{warn-contrast}}';
54 background-color: '{{warn-color}}'; }
55 .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 {
56 color: '{{warn-contrast}}'; }
57 .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 {
58 background-color: '{{warn-600}}'; }
59 .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 {
60 background-color: '{{warn-600}}'; }
61 .md-button.md-THEME_NAME-theme.md-warn:not([disabled]) md-icon {
62 color: '{{warn-color}}'; }
63
64.md-button.md-THEME_NAME-theme.md-accent {
65 color: '{{accent-color}}'; }
66 .md-button.md-THEME_NAME-theme.md-accent.md-raised, .md-button.md-THEME_NAME-theme.md-accent.md-fab {
67 color: '{{accent-contrast}}';
68 background-color: '{{accent-color}}'; }
69 .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 {
70 color: '{{accent-contrast}}'; }
71 .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 {
72 background-color: '{{accent-A700}}'; }
73 .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 {
74 background-color: '{{accent-A700}}'; }
75 .md-button.md-THEME_NAME-theme.md-accent:not([disabled]) md-icon {
76 color: '{{accent-color}}'; }
77
78.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] {
79 color: '{{foreground-3}}';
80 cursor: default; }
81 .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 {
82 color: '{{foreground-3}}'; }
83
84.md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled] {
85 background-color: '{{foreground-4}}'; }
86
87.md-button.md-THEME_NAME-theme[disabled] {
88 background-color: transparent; }
89
90._md a.md-THEME_NAME-theme:not(.md-button).md-primary {
91 color: '{{primary-color}}'; }
92 ._md a.md-THEME_NAME-theme:not(.md-button).md-primary:hover {
93 color: '{{primary-700}}'; }
94
95._md a.md-THEME_NAME-theme:not(.md-button).md-accent {
96 color: '{{accent-color}}'; }
97 ._md a.md-THEME_NAME-theme:not(.md-button).md-accent:hover {
98 color: '{{accent-A700}}'; }
99
100._md a.md-THEME_NAME-theme:not(.md-button).md-warn {
101 color: '{{warn-color}}'; }
102 ._md a.md-THEME_NAME-theme:not(.md-button).md-warn:hover {
103 color: '{{warn-700}}'; }
Note: See TracBrowser for help on using the repository browser.