2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 md-input-container.md-THEME_NAME-theme .md-input {
9 color: '{{foreground-1}}';
10 border-color: '{{foreground-4}}';
11 text-shadow: '{{foreground-shadow}}'; }
12 md-input-container.md-THEME_NAME-theme .md-input::-webkit-input-placeholder, md-input-container.md-THEME_NAME-theme .md-input::-moz-placeholder, md-input-container.md-THEME_NAME-theme .md-input:-moz-placeholder, md-input-container.md-THEME_NAME-theme .md-input:-ms-input-placeholder {
13 color: '{{foreground-3}}'; }
14 md-input-container.md-THEME_NAME-theme > md-icon {
15 color: '{{foreground-1}}'; }
16 md-input-container.md-THEME_NAME-theme label, md-input-container.md-THEME_NAME-theme .md-placeholder {
17 text-shadow: '{{foreground-shadow}}';
18 color: '{{foreground-3}}'; }
19 md-input-container.md-THEME_NAME-theme ng-messages, md-input-container.md-THEME_NAME-theme [ng-message], md-input-container.md-THEME_NAME-theme [data-ng-message], md-input-container.md-THEME_NAME-theme [x-ng-message] {
20 color: '{{warn-500}}'; }
21 md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-has-value label {
22 color: '{{foreground-2}}'; }
23 md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused .md-input {
24 border-color: '{{primary-500}}'; }
25 md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused label {
26 color: '{{primary-500}}'; }
27 md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused md-icon {
28 color: '{{primary-500}}'; }
29 md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent .md-input {
30 border-color: '{{accent-500}}'; }
31 md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent label {
32 color: '{{accent-500}}'; }
33 md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn .md-input {
34 border-color: '{{warn-500}}'; }
35 md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn label {
36 color: '{{warn-500}}'; }
37 md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input {
38 border-color: '{{warn-500}}'; }
39 md-input-container.md-THEME_NAME-theme.md-input-invalid.md-input-focused label {
40 color: '{{warn-500}}'; }
41 md-input-container.md-THEME_NAME-theme.md-input-invalid ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid data-ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid x-ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid [ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid [data-ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid [x-ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid .md-char-counter {
42 color: '{{warn-500}}'; }
43 md-input-container.md-THEME_NAME-theme .md-input[disabled], [disabled] md-input-container.md-THEME_NAME-theme .md-input {
44 border-bottom-color: transparent;
45 color: '{{foreground-3}}';
46 background-image: linear-gradient(to right, '{{foreground-3}}' 0%, '{{foreground-3}}' 33%, transparent 0%); }