2  * Angular Material Design
 
   3  * https://github.com/angular/material
 
   7 md-slider.md-THEME_NAME-theme .md-track {
 
   8   background-color: '{{foreground-3}}'; }
 
  10 md-slider.md-THEME_NAME-theme .md-track-ticks {
 
  11   color: '{{background-contrast}}'; }
 
  13 md-slider.md-THEME_NAME-theme .md-focus-ring {
 
  14   background-color: '{{accent-A200-0.2}}'; }
 
  16 md-slider.md-THEME_NAME-theme .md-disabled-thumb {
 
  17   border-color: '{{background-color}}';
 
  18   background-color: '{{background-color}}'; }
 
  20 md-slider.md-THEME_NAME-theme.md-min .md-thumb:after {
 
  21   background-color: '{{background-color}}';
 
  22   border-color: '{{foreground-3}}'; }
 
  24 md-slider.md-THEME_NAME-theme.md-min .md-focus-ring {
 
  25   background-color: '{{foreground-3-0.38}}'; }
 
  27 md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-thumb:after {
 
  28   background-color: '{{background-contrast}}';
 
  29   border-color: transparent; }
 
  31 md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-sign {
 
  32   background-color: '{{background-400}}'; }
 
  33   md-slider.md-THEME_NAME-theme.md-min[md-discrete] .md-sign:after {
 
  34     border-top-color: '{{background-400}}'; }
 
  36 md-slider.md-THEME_NAME-theme.md-min[md-discrete][md-vertical] .md-sign:after {
 
  37   border-top-color: transparent;
 
  38   border-left-color: '{{background-400}}'; }
 
  40 md-slider.md-THEME_NAME-theme .md-track.md-track-fill {
 
  41   background-color: '{{accent-color}}'; }
 
  43 md-slider.md-THEME_NAME-theme .md-thumb:after {
 
  44   border-color: '{{accent-color}}';
 
  45   background-color: '{{accent-color}}'; }
 
  47 md-slider.md-THEME_NAME-theme .md-sign {
 
  48   background-color: '{{accent-color}}'; }
 
  49   md-slider.md-THEME_NAME-theme .md-sign:after {
 
  50     border-top-color: '{{accent-color}}'; }
 
  52 md-slider.md-THEME_NAME-theme[md-vertical] .md-sign:after {
 
  53   border-top-color: transparent;
 
  54   border-left-color: '{{accent-color}}'; }
 
  56 md-slider.md-THEME_NAME-theme .md-thumb-text {
 
  57   color: '{{accent-contrast}}'; }
 
  59 md-slider.md-THEME_NAME-theme.md-warn .md-focus-ring {
 
  60   background-color: '{{warn-200-0.38}}'; }
 
  62 md-slider.md-THEME_NAME-theme.md-warn .md-track.md-track-fill {
 
  63   background-color: '{{warn-color}}'; }
 
  65 md-slider.md-THEME_NAME-theme.md-warn .md-thumb:after {
 
  66   border-color: '{{warn-color}}';
 
  67   background-color: '{{warn-color}}'; }
 
  69 md-slider.md-THEME_NAME-theme.md-warn .md-sign {
 
  70   background-color: '{{warn-color}}'; }
 
  71   md-slider.md-THEME_NAME-theme.md-warn .md-sign:after {
 
  72     border-top-color: '{{warn-color}}'; }
 
  74 md-slider.md-THEME_NAME-theme.md-warn[md-vertical] .md-sign:after {
 
  75   border-top-color: transparent;
 
  76   border-left-color: '{{warn-color}}'; }
 
  78 md-slider.md-THEME_NAME-theme.md-warn .md-thumb-text {
 
  79   color: '{{warn-contrast}}'; }
 
  81 md-slider.md-THEME_NAME-theme.md-primary .md-focus-ring {
 
  82   background-color: '{{primary-200-0.38}}'; }
 
  84 md-slider.md-THEME_NAME-theme.md-primary .md-track.md-track-fill {
 
  85   background-color: '{{primary-color}}'; }
 
  87 md-slider.md-THEME_NAME-theme.md-primary .md-thumb:after {
 
  88   border-color: '{{primary-color}}';
 
  89   background-color: '{{primary-color}}'; }
 
  91 md-slider.md-THEME_NAME-theme.md-primary .md-sign {
 
  92   background-color: '{{primary-color}}'; }
 
  93   md-slider.md-THEME_NAME-theme.md-primary .md-sign:after {
 
  94     border-top-color: '{{primary-color}}'; }
 
  96 md-slider.md-THEME_NAME-theme.md-primary[md-vertical] .md-sign:after {
 
  97   border-top-color: transparent;
 
  98   border-left-color: '{{primary-color}}'; }
 
 100 md-slider.md-THEME_NAME-theme.md-primary .md-thumb-text {
 
 101   color: '{{primary-contrast}}'; }
 
 103 md-slider.md-THEME_NAME-theme[disabled] .md-thumb:after {
 
 104   border-color: transparent; }
 
 106 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 {
 
 107   background-color: '{{foreground-3}}';
 
 108   border-color: transparent; }
 
 110 md-slider.md-THEME_NAME-theme[disabled][readonly] .md-sign {
 
 111   background-color: '{{background-400}}'; }
 
 112   md-slider.md-THEME_NAME-theme[disabled][readonly] .md-sign:after {
 
 113     border-top-color: '{{background-400}}'; }
 
 115 md-slider.md-THEME_NAME-theme[disabled][readonly][md-vertical] .md-sign:after {
 
 116   border-top-color: transparent;
 
 117   border-left-color: '{{background-400}}'; }
 
 119 md-slider.md-THEME_NAME-theme[disabled][readonly] .md-disabled-thumb {
 
 120   border-color: transparent;
 
 121   background-color: transparent; }
 
 123 md-slider-container[disabled] > *:first-child:not(md-slider),
 
 124 md-slider-container[disabled] > *:last-child:not(md-slider) {
 
 125   color: '{{foreground-3}}'; }