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.

121 lines
5.2 KiB

7 years ago
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.3
  6. */
  7. md-input-container md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
  8. color: '{{warn-A700}}'; }
  9. md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
  10. color: '{{foreground-3}}'; }
  11. md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value {
  12. color: '{{primary-color}}'; }
  13. md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder {
  14. color: '{{primary-color}}'; }
  15. md-input-container.md-input-invalid md-select.md-THEME_NAME-theme .md-select-value {
  16. color: '{{warn-A700}}' !important;
  17. border-bottom-color: '{{warn-A700}}' !important; }
  18. md-input-container.md-input-invalid md-select.md-THEME_NAME-theme.md-no-underline .md-select-value {
  19. border-bottom-color: transparent !important; }
  20. md-select.md-THEME_NAME-theme[disabled] .md-select-value {
  21. border-bottom-color: transparent;
  22. background-image: -webkit-linear-gradient(left, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%);
  23. background-image: linear-gradient(to right, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%);
  24. background-image: -ms-linear-gradient(left, transparent 0%, "{{foreground-3}}" 100%); }
  25. md-select.md-THEME_NAME-theme .md-select-value {
  26. border-bottom-color: '{{foreground-4}}'; }
  27. md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder {
  28. color: '{{foreground-3}}'; }
  29. md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
  30. color: '{{warn-A700}}'; }
  31. md-select.md-THEME_NAME-theme.md-no-underline .md-select-value {
  32. border-bottom-color: transparent !important; }
  33. md-select.md-THEME_NAME-theme.ng-invalid.ng-touched .md-select-value {
  34. color: '{{warn-A700}}' !important;
  35. border-bottom-color: '{{warn-A700}}' !important; }
  36. md-select.md-THEME_NAME-theme.ng-invalid.ng-touched.md-no-underline .md-select-value {
  37. border-bottom-color: transparent !important; }
  38. md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value {
  39. border-bottom-color: '{{primary-color}}';
  40. color: '{{ foreground-1 }}'; }
  41. md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value.md-select-placeholder {
  42. color: '{{ foreground-1 }}'; }
  43. md-select.md-THEME_NAME-theme:not([disabled]):focus.md-no-underline .md-select-value {
  44. border-bottom-color: transparent !important; }
  45. md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-value {
  46. border-bottom-color: '{{accent-color}}'; }
  47. md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-value {
  48. border-bottom-color: '{{warn-color}}'; }
  49. md-select.md-THEME_NAME-theme[disabled] .md-select-value {
  50. color: '{{foreground-3}}'; }
  51. md-select.md-THEME_NAME-theme[disabled] .md-select-value.md-select-placeholder {
  52. color: '{{foreground-3}}'; }
  53. md-select.md-THEME_NAME-theme[disabled] .md-select-icon {
  54. color: '{{foreground-3}}'; }
  55. md-select.md-THEME_NAME-theme .md-select-icon {
  56. color: '{{foreground-2}}'; }
  57. md-select-menu.md-THEME_NAME-theme md-content {
  58. background: '{{background-A100}}'; }
  59. md-select-menu.md-THEME_NAME-theme md-content md-optgroup {
  60. color: '{{background-600-0.87}}'; }
  61. md-select-menu.md-THEME_NAME-theme md-content md-option {
  62. color: '{{background-900-0.87}}'; }
  63. md-select-menu.md-THEME_NAME-theme md-content md-option[disabled] .md-text {
  64. color: '{{background-400-0.87}}'; }
  65. md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):focus, md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):hover {
  66. background: '{{background-200}}'; }
  67. md-select-menu.md-THEME_NAME-theme md-content md-option[selected] {
  68. color: '{{primary-500}}'; }
  69. md-select-menu.md-THEME_NAME-theme md-content md-option[selected]:focus {
  70. color: '{{primary-600}}'; }
  71. md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent {
  72. color: '{{accent-color}}'; }
  73. md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent:focus {
  74. color: '{{accent-A700}}'; }
  75. .md-checkbox-enabled.md-THEME_NAME-theme .md-ripple {
  76. color: '{{primary-600}}'; }
  77. .md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ripple {
  78. color: '{{background-600}}'; }
  79. .md-checkbox-enabled.md-THEME_NAME-theme .md-ink-ripple {
  80. color: '{{foreground-2}}'; }
  81. .md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ink-ripple {
  82. color: '{{primary-color-0.87}}'; }
  83. .md-checkbox-enabled.md-THEME_NAME-theme:not(.md-checked) .md-icon {
  84. border-color: '{{foreground-2}}'; }
  85. .md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon {
  86. background-color: '{{primary-color-0.87}}'; }
  87. .md-checkbox-enabled.md-THEME_NAME-theme[selected].md-focused .md-container:before {
  88. background-color: '{{primary-color-0.26}}'; }
  89. .md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon:after {
  90. border-color: '{{primary-contrast-0.87}}'; }
  91. .md-checkbox-enabled.md-THEME_NAME-theme .md-indeterminate[disabled] .md-container {
  92. color: '{{foreground-3}}'; }
  93. .md-checkbox-enabled.md-THEME_NAME-theme md-option .md-text {
  94. color: '{{background-900-0.87}}'; }