1 | /*!
|
---|
2 | * AngularJS Material Design
|
---|
3 | * https://github.com/angular/material
|
---|
4 | * @license MIT
|
---|
5 | * v1.2.3
|
---|
6 | */
|
---|
7 | md-input-container.md-THEME_NAME-theme .md-input {
|
---|
8 | color: '{{background-default-contrast}}';
|
---|
9 | border-color: '{{background-default-contrast-divider}}'; }
|
---|
10 | md-input-container.md-THEME_NAME-theme .md-input:-ms-input-placeholder {
|
---|
11 | color: '{{background-default-contrast-secondary}}'; }
|
---|
12 | md-input-container.md-THEME_NAME-theme .md-input::-ms-input-placeholder {
|
---|
13 | color: '{{background-default-contrast-secondary}}'; }
|
---|
14 | md-input-container.md-THEME_NAME-theme .md-input::-moz-placeholder {
|
---|
15 | color: '{{background-default-contrast-secondary}}'; }
|
---|
16 | md-input-container.md-THEME_NAME-theme .md-input::placeholder {
|
---|
17 | color: '{{background-default-contrast-secondary}}'; }
|
---|
18 | md-input-container.md-THEME_NAME-theme .md-input:-moz-placeholder {
|
---|
19 | color: '{{background-default-contrast-secondary}}';
|
---|
20 | opacity: 1; }
|
---|
21 | md-input-container.md-THEME_NAME-theme .md-input::-moz-placeholder {
|
---|
22 | color: '{{background-default-contrast-secondary}}';
|
---|
23 | opacity: 1; }
|
---|
24 |
|
---|
25 | md-input-container.md-THEME_NAME-theme > md-icon {
|
---|
26 | color: '{{background-default-contrast}}'; }
|
---|
27 |
|
---|
28 | md-input-container.md-THEME_NAME-theme label,
|
---|
29 | md-input-container.md-THEME_NAME-theme .md-placeholder {
|
---|
30 | color: '{{background-default-contrast-secondary}}'; }
|
---|
31 |
|
---|
32 | md-input-container.md-THEME_NAME-theme label.md-required:after {
|
---|
33 | color: '{{warn-A700}}'; }
|
---|
34 |
|
---|
35 | md-input-container.md-THEME_NAME-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
|
---|
36 | color: '{{background-default-contrast-secondary}}'; }
|
---|
37 |
|
---|
38 | md-input-container.md-THEME_NAME-theme .md-input-messages-animation, md-input-container.md-THEME_NAME-theme .md-input-message-animation {
|
---|
39 | color: '{{warn-A700}}'; }
|
---|
40 | md-input-container.md-THEME_NAME-theme .md-input-messages-animation .md-char-counter, md-input-container.md-THEME_NAME-theme .md-input-message-animation .md-char-counter {
|
---|
41 | color: '{{background-default-contrast}}'; }
|
---|
42 |
|
---|
43 | md-input-container.md-THEME_NAME-theme.md-input-focused .md-input:-ms-input-placeholder {
|
---|
44 | color: '{{background-default-contrast-secondary}}'; }
|
---|
45 |
|
---|
46 | md-input-container.md-THEME_NAME-theme.md-input-focused .md-input::-ms-input-placeholder {
|
---|
47 | color: '{{background-default-contrast-secondary}}'; }
|
---|
48 |
|
---|
49 | md-input-container.md-THEME_NAME-theme.md-input-focused .md-input::-moz-placeholder {
|
---|
50 | color: '{{background-default-contrast-secondary}}'; }
|
---|
51 |
|
---|
52 | md-input-container.md-THEME_NAME-theme.md-input-focused .md-input::placeholder {
|
---|
53 | color: '{{background-default-contrast-secondary}}'; }
|
---|
54 |
|
---|
55 | md-input-container.md-THEME_NAME-theme.md-input-focused .md-input:-moz-placeholder {
|
---|
56 | color: '{{background-default-contrast-secondary}}';
|
---|
57 | opacity: 1; }
|
---|
58 |
|
---|
59 | md-input-container.md-THEME_NAME-theme.md-input-focused .md-input::-moz-placeholder {
|
---|
60 | color: '{{background-default-contrast-secondary}}';
|
---|
61 | opacity: 1; }
|
---|
62 |
|
---|
63 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-has-value label {
|
---|
64 | color: '{{background-default-contrast-secondary}}'; }
|
---|
65 |
|
---|
66 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-resized .md-input {
|
---|
67 | border-color: '{{primary-color}}'; }
|
---|
68 |
|
---|
69 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused label,
|
---|
70 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused md-icon {
|
---|
71 | color: '{{primary-color}}'; }
|
---|
72 |
|
---|
73 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent .md-input {
|
---|
74 | border-color: '{{accent-color}}'; }
|
---|
75 |
|
---|
76 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent label,
|
---|
77 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent md-icon {
|
---|
78 | color: '{{accent-color}}'; }
|
---|
79 |
|
---|
80 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn .md-input {
|
---|
81 | border-color: '{{warn-A700}}'; }
|
---|
82 |
|
---|
83 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn label,
|
---|
84 | md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn md-icon {
|
---|
85 | color: '{{warn-A700}}'; }
|
---|
86 |
|
---|
87 | md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input {
|
---|
88 | border-color: '{{warn-A700}}'; }
|
---|
89 |
|
---|
90 | md-input-container.md-THEME_NAME-theme.md-input-invalid label,
|
---|
91 | md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input-message-animation,
|
---|
92 | md-input-container.md-THEME_NAME-theme.md-input-invalid .md-char-counter {
|
---|
93 | color: '{{warn-A700}}'; }
|
---|
94 |
|
---|
95 | md-input-container.md-THEME_NAME-theme .md-input[disabled],
|
---|
96 | [disabled] md-input-container.md-THEME_NAME-theme .md-input {
|
---|
97 | border-bottom-color: transparent;
|
---|
98 | color: '{{background-default-contrast-disabled}}';
|
---|
99 | background-image: linear-gradient(to right, "{{background-default-contrast-disabled}}" 0%, "{{background-default-contrast-disabled}}" 33%, transparent 0%);
|
---|
100 | background-image: -ms-linear-gradient(left, transparent 0%, "{{background-default-contrast-disabled}}" 100%); }
|
---|