47 lines
3.1 KiB
CSS
47 lines
3.1 KiB
CSS
/*!
|
|
* Angular Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v0.10.0
|
|
*/
|
|
/* mixin definition ; sets LTR and RTL within the same style call */
|
|
md-input-container.md-THEME_NAME-theme .md-input {
|
|
color: '{{foreground-1}}';
|
|
border-color: '{{foreground-4}}';
|
|
text-shadow: '{{foreground-shadow}}'; }
|
|
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 {
|
|
color: '{{foreground-3}}'; }
|
|
md-input-container.md-THEME_NAME-theme > md-icon {
|
|
color: '{{foreground-1}}'; }
|
|
md-input-container.md-THEME_NAME-theme label, md-input-container.md-THEME_NAME-theme .md-placeholder {
|
|
text-shadow: '{{foreground-shadow}}';
|
|
color: '{{foreground-3}}'; }
|
|
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] {
|
|
color: '{{warn-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-has-value label {
|
|
color: '{{foreground-2}}'; }
|
|
md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused .md-input {
|
|
border-color: '{{primary-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused label {
|
|
color: '{{primary-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused md-icon {
|
|
color: '{{primary-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent .md-input {
|
|
border-color: '{{accent-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent label {
|
|
color: '{{accent-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn .md-input {
|
|
border-color: '{{warn-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn label {
|
|
color: '{{warn-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input {
|
|
border-color: '{{warn-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme.md-input-invalid.md-input-focused label {
|
|
color: '{{warn-500}}'; }
|
|
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 {
|
|
color: '{{warn-500}}'; }
|
|
md-input-container.md-THEME_NAME-theme .md-input[disabled], [disabled] md-input-container.md-THEME_NAME-theme .md-input {
|
|
border-bottom-color: transparent;
|
|
color: '{{foreground-3}}';
|
|
background-image: linear-gradient(to right, '{{foreground-3}}' 0%, '{{foreground-3}}' 33%, transparent 0%); }
|