Add comments

Author: iveysaur

src/components/slider/slider.scss

@@ -31,6 +31,8 @@ $md-slider-disabled-color: rgba(black, 0.26);
 @mixin slider-thumb-position($width: $md-slider-thumb-size, $height: $md-slider-thumb-size) {
   position: absolute;
   top: center-vertically($md-slider-thickness, $height);
+  // This makes it so that the center of the thumb aligns with where the click was.
+  // This is not affected by the movement of the thumb.
   left: (-$width / 2);
   width: $width;
   height: $height;

src/components/slider/slider.ts

@@ -203,6 +203,8 @@ export class MdSlider implements AfterContentInit {
     this._percent = this.clamp((pos - offset) / size);
     let exactValue = this.min + (this._percent * (this.max - this.min));
 
+    // This calculation finds the closest step by finding the closest whole number divisible by the
+    // step relative to the min.
     this.value = Math.round((exactValue - this.min) / this.step) * this.step + this.min;
     this._renderer.updateThumbAndFillPosition(this._percent, this._sliderDimensions.width);
   }