You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
3.6 KiB

  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.1
  6. */
  7. md-input-container.md-THEME_NAME-theme .md-input {
  8. color: '{{foreground-1}}';
  9. border-color: '{{foreground-4}}'; }
  10. md-input-container.md-THEME_NAME-theme .md-input::-webkit-input-placeholder {
  11. color: '{{foreground-3}}'; }
  12. md-input-container.md-THEME_NAME-theme .md-input:-moz-placeholder {
  13. color: '{{foreground-3}}'; }
  14. md-input-container.md-THEME_NAME-theme .md-input::-moz-placeholder {
  15. color: '{{foreground-3}}'; }
  16. md-input-container.md-THEME_NAME-theme .md-input:-ms-input-placeholder {
  17. color: '{{foreground-3}}'; }
  18. md-input-container.md-THEME_NAME-theme .md-input::-webkit-input-placeholder {
  19. color: '{{foreground-3}}'; }
  20. md-input-container.md-THEME_NAME-theme > md-icon {
  21. color: '{{foreground-1}}'; }
  22. md-input-container.md-THEME_NAME-theme label,
  23. md-input-container.md-THEME_NAME-theme .md-placeholder {
  24. color: '{{foreground-3}}'; }
  25. md-input-container.md-THEME_NAME-theme label.md-required:after {
  26. color: '{{warn-A700}}'; }
  27. md-input-container.md-THEME_NAME-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
  28. color: '{{foreground-2}}'; }
  29. md-input-container.md-THEME_NAME-theme .md-input-messages-animation, md-input-container.md-THEME_NAME-theme .md-input-message-animation {
  30. color: '{{warn-A700}}'; }
  31. md-input-container.md-THEME_NAME-theme .md-input-messages-animation .md-char-counter, md-input-container.md-THEME_NAME-theme .md-input-message-animation .md-char-counter {
  32. color: '{{foreground-1}}'; }
  33. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-has-value label {
  34. color: '{{foreground-2}}'; }
  35. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-resized .md-input {
  36. border-color: '{{primary-color}}'; }
  37. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused label,
  38. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused md-icon {
  39. color: '{{primary-color}}'; }
  40. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent .md-input {
  41. border-color: '{{accent-color}}'; }
  42. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent label,
  43. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent md-icon {
  44. color: '{{accent-color}}'; }
  45. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn .md-input {
  46. border-color: '{{warn-A700}}'; }
  47. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn label,
  48. md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn md-icon {
  49. color: '{{warn-A700}}'; }
  50. md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input {
  51. border-color: '{{warn-A700}}'; }
  52. md-input-container.md-THEME_NAME-theme.md-input-invalid label,
  53. md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input-message-animation,
  54. md-input-container.md-THEME_NAME-theme.md-input-invalid .md-char-counter {
  55. color: '{{warn-A700}}'; }
  56. md-input-container.md-THEME_NAME-theme .md-input[disabled],
  57. [disabled] md-input-container.md-THEME_NAME-theme .md-input {
  58. border-bottom-color: transparent;
  59. color: '{{foreground-3}}';
  60. background-image: -webkit-linear-gradient(left, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%);
  61. background-image: linear-gradient(to right, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%);
  62. background-image: -ms-linear-gradient(left, transparent 0%, "{{foreground-3}}" 100%); }