ecomp-portal-FE/client/bower_components/angular-material/modules/closure/input/input-default-theme.css

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.8
   6  */
   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%); }