select-default-theme.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. md-select.md-THEME_NAME-theme[disabled] .md-select-value {
  8. border-bottom-color: transparent;
  9. background-image: linear-gradient(to right, '{{foreground-3}}' 0%, '{{foreground-3}}' 33%, transparent 0%); }
  10. md-select.md-THEME_NAME-theme .md-select-value {
  11. border-bottom-color: '{{foreground-4}}'; }
  12. md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder {
  13. color: '{{foreground-3}}'; }
  14. md-select.md-THEME_NAME-theme.ng-invalid.ng-dirty .md-select-value {
  15. color: '{{warn-500}}' !important;
  16. border-bottom-color: '{{warn-500}}' !important; }
  17. md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value {
  18. border-bottom-color: '{{primary-color}}';
  19. color: '{{ foreground-1 }}'; }
  20. md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value.md-select-placeholder {
  21. color: '{{ foreground-1 }}'; }
  22. md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-value {
  23. border-bottom-color: '{{accent-color}}'; }
  24. md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-value {
  25. border-bottom-color: '{{warn-color}}'; }
  26. md-select.md-THEME_NAME-theme[disabled] .md-select-value {
  27. color: '{{foreground-3}}'; }
  28. md-select.md-THEME_NAME-theme[disabled] .md-select-value.md-select-placeholder {
  29. color: '{{foreground-3}}'; }
  30. md-select-menu.md-THEME_NAME-theme md-option[disabled] {
  31. color: '{{foreground-3}}'; }
  32. md-select-menu.md-THEME_NAME-theme md-optgroup {
  33. color: '{{foreground-2}}'; }
  34. md-select-menu.md-THEME_NAME-theme md-optgroup md-option {
  35. color: '{{foreground-1}}'; }
  36. md-select-menu.md-THEME_NAME-theme md-option[selected] {
  37. color: '{{primary-500}}'; }
  38. md-select-menu.md-THEME_NAME-theme md-option[selected]:focus {
  39. color: '{{primary-600}}'; }
  40. md-select-menu.md-THEME_NAME-theme md-option[selected].md-accent {
  41. color: '{{accent-500}}'; }
  42. md-select-menu.md-THEME_NAME-theme md-option[selected].md-accent:focus {
  43. color: '{{accent-600}}'; }
  44. md-select-menu.md-THEME_NAME-theme md-option:focus:not([selected]) {
  45. background: '{{background-200}}'; }