input-default-theme.css 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. md-input-container.md-THEME_NAME-theme .md-input {
  8. color: '{{foreground-1}}';
  9. border-color: '{{foreground-4}}';
  10. text-shadow: '{{foreground-shadow}}'; }
  11. 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 {
  12. color: '{{foreground-3}}'; }
  13. md-input-container.md-THEME_NAME-theme > md-icon {
  14. color: '{{foreground-1}}'; }
  15. md-input-container.md-THEME_NAME-theme label, md-input-container.md-THEME_NAME-theme .md-placeholder {
  16. text-shadow: '{{foreground-shadow}}';
  17. color: '{{foreground-3}}'; }
  18. 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) {
  19. color: '{{warn-500}}'; }
  20. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-has-value label {
  21. color: '{{foreground-2}}'; }
  22. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused .md-input {
  23. border-color: '{{primary-500}}'; }
  24. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused label {
  25. color: '{{primary-500}}'; }
  26. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused md-icon {
  27. color: '{{primary-500}}'; }
  28. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent .md-input {
  29. border-color: '{{accent-500}}'; }
  30. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent label {
  31. color: '{{accent-500}}'; }
  32. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn .md-input {
  33. border-color: '{{warn-500}}'; }
  34. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn label {
  35. color: '{{warn-500}}'; }
  36. md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input {
  37. border-color: '{{warn-500}}'; }
  38. md-input-container.md-THEME_NAME-theme.md-input-invalid.md-input-focused label {
  39. color: '{{warn-500}}'; }
  40. 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 {
  41. color: '{{warn-500}}'; }
  42. md-input-container.md-THEME_NAME-theme .md-input[disabled], md-input-container.md-THEME_NAME-theme .md-input [disabled] {
  43. border-bottom-color: transparent;
  44. color: '{{foreground-3}}';
  45. background-image: linear-gradient(to right, '{{foreground-3}}' 0%, '{{foreground-3}}' 33%, transparent 0%); }