source: trip-planner-front/node_modules/angular-material/modules/closure/select/select-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.9 KB
Line 
1/*!
2 * AngularJS Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.2.3
6 */
7md-input-container md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
8 color: '{{warn-A700}}'; }
9
10md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
11 color: '{{foreground-3}}'; }
12
13md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value {
14 color: '{{primary-color}}'; }
15 md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder {
16 color: '{{primary-color}}'; }
17
18md-input-container.md-input-invalid md-select.md-THEME_NAME-theme .md-select-value {
19 color: '{{warn-A700}}' !important;
20 border-bottom-color: '{{warn-A700}}' !important; }
21
22md-input-container.md-input-invalid md-select.md-THEME_NAME-theme.md-no-underline .md-select-value {
23 border-bottom-color: transparent !important; }
24
25md-input-container:not(.md-input-invalid).md-input-focused.md-accent .md-select-value {
26 border-color: '{{accent-color}}'; }
27 md-input-container:not(.md-input-invalid).md-input-focused.md-accent .md-select-value span {
28 color: '{{accent-color}}'; }
29
30md-input-container:not(.md-input-invalid).md-input-focused.md-warn .md-select-value {
31 border-color: '{{warn-A700}}'; }
32 md-input-container:not(.md-input-invalid).md-input-focused.md-warn .md-select-value span {
33 color: '{{warn-A700}}'; }
34
35md-select.md-THEME_NAME-theme[disabled] .md-select-value {
36 border-bottom-color: transparent;
37 background-image: linear-gradient(to right, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%);
38 background-image: -ms-linear-gradient(left, transparent 0%, "{{foreground-3}}" 100%); }
39
40md-select.md-THEME_NAME-theme .md-select-value {
41 border-bottom-color: '{{foreground-4}}'; }
42 md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder {
43 color: '{{foreground-3}}'; }
44 md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
45 color: '{{warn-A700}}'; }
46
47md-select.md-THEME_NAME-theme.md-no-underline .md-select-value {
48 border-bottom-color: transparent !important; }
49
50md-select.md-THEME_NAME-theme.ng-invalid.ng-touched .md-select-value {
51 color: '{{warn-A700}}' !important;
52 border-bottom-color: '{{warn-A700}}' !important; }
53
54md-select.md-THEME_NAME-theme.ng-invalid.ng-touched.md-no-underline .md-select-value {
55 border-bottom-color: transparent !important; }
56
57md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value {
58 border-bottom-color: '{{primary-color}}';
59 color: '{{ foreground-1 }}'; }
60 md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value.md-select-placeholder {
61 color: '{{ foreground-1 }}'; }
62
63md-select.md-THEME_NAME-theme:not([disabled]):focus.md-no-underline .md-select-value {
64 border-bottom-color: transparent !important; }
65
66md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-value {
67 border-bottom-color: '{{accent-color}}'; }
68
69md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-value {
70 border-bottom-color: '{{warn-color}}'; }
71
72md-select.md-THEME_NAME-theme[disabled] .md-select-value {
73 color: '{{foreground-3}}'; }
74 md-select.md-THEME_NAME-theme[disabled] .md-select-value.md-select-placeholder {
75 color: '{{foreground-3}}'; }
76
77md-select.md-THEME_NAME-theme[disabled] .md-select-icon {
78 color: '{{foreground-3}}'; }
79
80md-select.md-THEME_NAME-theme .md-select-icon {
81 color: '{{foreground-2}}'; }
82
83md-select-menu.md-THEME_NAME-theme md-content {
84 background-color: '{{background-hue-1}}'; }
85 md-select-menu.md-THEME_NAME-theme md-content md-optgroup {
86 color: '{{foreground-2}}'; }
87 md-select-menu.md-THEME_NAME-theme md-content md-option {
88 color: '{{foreground-1}}'; }
89 md-select-menu.md-THEME_NAME-theme md-content md-option[disabled] .md-text {
90 color: '{{foreground-3}}'; }
91 md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):hover {
92 background-color: '{{background-500-0.10}}'; }
93 md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):focus, md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]).md-focused {
94 background-color: '{{background-500-0.18}}'; }
95 md-select-menu.md-THEME_NAME-theme md-content md-option[selected] {
96 color: '{{primary-500}}'; }
97 md-select-menu.md-THEME_NAME-theme md-content md-option[selected]:focus, md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-focused {
98 color: '{{primary-600}}'; }
99 md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent {
100 color: '{{accent-color}}'; }
101 md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent:focus, md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent.md-focused {
102 color: '{{accent-A700}}'; }
103
104.md-checkbox-enabled.md-THEME_NAME-theme .md-ripple {
105 color: '{{primary-600}}'; }
106
107.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ripple {
108 color: '{{background-600}}'; }
109
110.md-checkbox-enabled.md-THEME_NAME-theme .md-ink-ripple {
111 color: '{{foreground-2}}'; }
112
113.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ink-ripple {
114 color: '{{primary-color-0.87}}'; }
115
116.md-checkbox-enabled.md-THEME_NAME-theme:not(.md-checked) .md-icon {
117 border-color: '{{foreground-2}}'; }
118
119.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon {
120 background-color: '{{primary-color-0.87}}'; }
121
122.md-checkbox-enabled.md-THEME_NAME-theme[selected].md-focused .md-container:before {
123 background-color: '{{primary-color-0.26}}'; }
124
125.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon:after {
126 border-color: '{{primary-contrast-0.87}}'; }
127
128.md-checkbox-enabled.md-THEME_NAME-theme .md-indeterminate[disabled] .md-container {
129 color: '{{foreground-3}}'; }
130
131.md-checkbox-enabled.md-THEME_NAME-theme md-option .md-text {
132 color: '{{foreground-1}}'; }
Note: See TracBrowser for help on using the repository browser.