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.

125 lines
4.3 KiB

  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.1
  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. color: '{{background-contrast}}'; }
  11. md-slider.md-THEME_NAME-theme .md-focus-ring {
  12. background-color: '{{accent-A200-0.2}}'; }
  13. md-slider.md-THEME_NAME-theme .md-disabled-thumb {
  14. border-color: '{{background-color}}';
  15. background-color: '{{background-color}}'; }
  16. md-slider.md-THEME_NAME-theme.md-min .md-thumb:after {
  17. background-color: '{{background-color}}';
  18. border-color: '{{foreground-3}}'; }
  19. md-slider.md-THEME_NAME-theme.md-min .md-focus-ring {
  20. background-color: '{{foreground-3-0.38}}'; }
  21. md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-thumb:after {
  22. background-color: '{{background-contrast}}';
  23. border-color: transparent; }
  24. md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-sign {
  25. background-color: '{{background-400}}'; }
  26. md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-sign:after {
  27. border-top-color: '{{background-400}}'; }
  28. md-slider.md-THEME_NAME-theme.md-min[md-discrete][md-vertical] .md-sign:after {
  29. border-top-color: transparent;
  30. border-left-color: '{{background-400}}'; }
  31. md-slider.md-THEME_NAME-theme .md-track.md-track-fill {
  32. background-color: '{{accent-color}}'; }
  33. md-slider.md-THEME_NAME-theme .md-thumb:after {
  34. border-color: '{{accent-color}}';
  35. background-color: '{{accent-color}}'; }
  36. md-slider.md-THEME_NAME-theme .md-sign {
  37. background-color: '{{accent-color}}'; }
  38. md-slider.md-THEME_NAME-theme .md-sign:after {
  39. border-top-color: '{{accent-color}}'; }
  40. md-slider.md-THEME_NAME-theme[md-vertical] .md-sign:after {
  41. border-top-color: transparent;
  42. border-left-color: '{{accent-color}}'; }
  43. md-slider.md-THEME_NAME-theme .md-thumb-text {
  44. color: '{{accent-contrast}}'; }
  45. md-slider.md-THEME_NAME-theme.md-warn .md-focus-ring {
  46. background-color: '{{warn-200-0.38}}'; }
  47. md-slider.md-THEME_NAME-theme.md-warn .md-track.md-track-fill {
  48. background-color: '{{warn-color}}'; }
  49. md-slider.md-THEME_NAME-theme.md-warn .md-thumb:after {
  50. border-color: '{{warn-color}}';
  51. background-color: '{{warn-color}}'; }
  52. md-slider.md-THEME_NAME-theme.md-warn .md-sign {
  53. background-color: '{{warn-color}}'; }
  54. md-slider.md-THEME_NAME-theme.md-warn .md-sign:after {
  55. border-top-color: '{{warn-color}}'; }
  56. md-slider.md-THEME_NAME-theme.md-warn[md-vertical] .md-sign:after {
  57. border-top-color: transparent;
  58. border-left-color: '{{warn-color}}'; }
  59. md-slider.md-THEME_NAME-theme.md-warn .md-thumb-text {
  60. color: '{{warn-contrast}}'; }
  61. md-slider.md-THEME_NAME-theme.md-primary .md-focus-ring {
  62. background-color: '{{primary-200-0.38}}'; }
  63. md-slider.md-THEME_NAME-theme.md-primary .md-track.md-track-fill {
  64. background-color: '{{primary-color}}'; }
  65. md-slider.md-THEME_NAME-theme.md-primary .md-thumb:after {
  66. border-color: '{{primary-color}}';
  67. background-color: '{{primary-color}}'; }
  68. md-slider.md-THEME_NAME-theme.md-primary .md-sign {
  69. background-color: '{{primary-color}}'; }
  70. md-slider.md-THEME_NAME-theme.md-primary .md-sign:after {
  71. border-top-color: '{{primary-color}}'; }
  72. md-slider.md-THEME_NAME-theme.md-primary[md-vertical] .md-sign:after {
  73. border-top-color: transparent;
  74. border-left-color: '{{primary-color}}'; }
  75. md-slider.md-THEME_NAME-theme.md-primary .md-thumb-text {
  76. color: '{{primary-contrast}}'; }
  77. md-slider.md-THEME_NAME-theme[disabled] .md-thumb:after {
  78. border-color: transparent; }
  79. md-slider.md-THEME_NAME-theme[disabled]:not(.md-min) .md-thumb:after, md-slider.md-THEME_NAME-theme[disabled][md-discrete] .md-thumb:after {
  80. background-color: '{{foreground-3}}';
  81. border-color: transparent; }
  82. md-slider.md-THEME_NAME-theme[disabled][readonly] .md-sign {
  83. background-color: '{{background-400}}'; }
  84. md-slider.md-THEME_NAME-theme[disabled][readonly] .md-sign:after {
  85. border-top-color: '{{background-400}}'; }
  86. md-slider.md-THEME_NAME-theme[disabled][readonly][md-vertical] .md-sign:after {
  87. border-top-color: transparent;
  88. border-left-color: '{{background-400}}'; }
  89. md-slider.md-THEME_NAME-theme[disabled][readonly] .md-disabled-thumb {
  90. border-color: transparent;
  91. background-color: transparent; }
  92. md-slider-container[disabled] > *:first-child:not(md-slider),
  93. md-slider-container[disabled] > *:last-child:not(md-slider) {
  94. color: '{{foreground-3}}'; }