slider-default-theme.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. md-slider.md-THEME_NAME-theme .md-track {
  8. background-color: '{{foreground-3}}'; }
  9. md-slider.md-THEME_NAME-theme .md-track-ticks {
  10. background-color: '{{foreground-4}}'; }
  11. md-slider.md-THEME_NAME-theme .md-focus-thumb {
  12. background-color: '{{foreground-2}}'; }
  13. md-slider.md-THEME_NAME-theme .md-focus-ring {
  14. background-color: '{{accent-color}}'; }
  15. md-slider.md-THEME_NAME-theme .md-disabled-thumb {
  16. border-color: '{{background-color}}'; }
  17. md-slider.md-THEME_NAME-theme.md-min .md-thumb:after {
  18. background-color: '{{background-color}}'; }
  19. md-slider.md-THEME_NAME-theme .md-track.md-track-fill {
  20. background-color: '{{accent-color}}'; }
  21. md-slider.md-THEME_NAME-theme .md-thumb:after {
  22. border-color: '{{accent-color}}';
  23. background-color: '{{accent-color}}'; }
  24. md-slider.md-THEME_NAME-theme .md-sign {
  25. background-color: '{{accent-color}}'; }
  26. md-slider.md-THEME_NAME-theme .md-sign:after {
  27. border-top-color: '{{accent-color}}'; }
  28. md-slider.md-THEME_NAME-theme .md-thumb-text {
  29. color: '{{accent-contrast}}'; }
  30. md-slider.md-THEME_NAME-theme.md-warn .md-focus-ring {
  31. background-color: '{{warn-color}}'; }
  32. md-slider.md-THEME_NAME-theme.md-warn .md-track.md-track-fill {
  33. background-color: '{{warn-color}}'; }
  34. md-slider.md-THEME_NAME-theme.md-warn .md-thumb:after {
  35. border-color: '{{warn-color}}';
  36. background-color: '{{warn-color}}'; }
  37. md-slider.md-THEME_NAME-theme.md-warn .md-sign {
  38. background-color: '{{warn-color}}'; }
  39. md-slider.md-THEME_NAME-theme.md-warn .md-sign:after {
  40. border-top-color: '{{warn-color}}'; }
  41. md-slider.md-THEME_NAME-theme.md-warn .md-thumb-text {
  42. color: '{{warn-contrast}}'; }
  43. md-slider.md-THEME_NAME-theme.md-primary .md-focus-ring {
  44. background-color: '{{primary-color}}'; }
  45. md-slider.md-THEME_NAME-theme.md-primary .md-track.md-track-fill {
  46. background-color: '{{primary-color}}'; }
  47. md-slider.md-THEME_NAME-theme.md-primary .md-thumb:after {
  48. border-color: '{{primary-color}}';
  49. background-color: '{{primary-color}}'; }
  50. md-slider.md-THEME_NAME-theme.md-primary .md-sign {
  51. background-color: '{{primary-color}}'; }
  52. md-slider.md-THEME_NAME-theme.md-primary .md-sign:after {
  53. border-top-color: '{{primary-color}}'; }
  54. md-slider.md-THEME_NAME-theme.md-primary .md-thumb-text {
  55. color: '{{primary-contrast}}'; }
  56. md-slider.md-THEME_NAME-theme[disabled] .md-thumb:after {
  57. border-color: '{{foreground-3}}'; }
  58. md-slider.md-THEME_NAME-theme[disabled]:not(.md-min) .md-thumb:after {
  59. background-color: '{{foreground-3}}'; }