%thumb {
  color: #fff;
}

input.t1::-webkit-slider-thumb {
  @extend %thumb;
}

input.t1::-moz-slider-thumb {
  @extend %thumb;
}

input.t2::-webkit-slider-thumb,
input.t2::-moz-slider-thumb {
  @extend %thumb;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.