input-default-theme.css 3.92 KB
Newer Older
Thitichaipun Wutthisak committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
/*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.0.6
 */
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 :not(.md-char-counter), md-input-container.md-THEME_NAME-theme [ng-messages] :not(.md-char-counter),
md-input-container.md-THEME_NAME-theme ng-message :not(.md-char-counter), md-input-container.md-THEME_NAME-theme data-ng-message :not(.md-char-counter), md-input-container.md-THEME_NAME-theme x-ng-message :not(.md-char-counter),
md-input-container.md-THEME_NAME-theme [ng-message] :not(.md-char-counter), md-input-container.md-THEME_NAME-theme [data-ng-message] :not(.md-char-counter), md-input-container.md-THEME_NAME-theme [x-ng-message] :not(.md-char-counter),
md-input-container.md-THEME_NAME-theme [ng-message-exp] :not(.md-char-counter), md-input-container.md-THEME_NAME-theme [data-ng-message-exp] :not(.md-char-counter), md-input-container.md-THEME_NAME-theme [x-ng-message-exp] :not(.md-char-counter) {
  color: '{{warn-A700}}'; }

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-A700}}'; }

md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn label {
  color: '{{warn-A700}}'; }

md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input {
  border-color: '{{warn-A700}}'; }

md-input-container.md-THEME_NAME-theme.md-input-invalid.md-input-focused label {
  color: '{{warn-A700}}'; }

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 [ng-message-exp], md-input-container.md-THEME_NAME-theme.md-input-invalid [data-ng-message-exp], md-input-container.md-THEME_NAME-theme.md-input-invalid [x-ng-message-exp],
md-input-container.md-THEME_NAME-theme.md-input-invalid .md-char-counter {
  color: '{{warn-A700}}'; }

md-input-container.md-THEME_NAME-theme .md-input[disabled],
md-input-container.md-THEME_NAME-theme .md-input [disabled] {
  border-bottom-color: transparent;
  color: '{{foreground-3}}';
  background-image: linear-gradient(to right, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%); }