// size

@mixin slider-size($height,$handle-size,$handle-border-width, $mark-font-size:$slider-mark-font-size) {

  .slider__wrap {
    //height: $handle-size + ($handle-border-width * 2);
    margin: ($handle-size * 2) 0;
  }
  .slider__track,.slider__step {
    height: $height;
  }

  .slider__handle{
    @if($height< $handle-size/2) {
      margin-top: -#{$handle-size/2 + $handle-border-width - $slider-height/2 + 2};
    } @else {
      margin-top: -#{$handle-size/2 + $handle-border-width - $slider-height/2};
    }
    &-button {
      width: $handle-size;
      height: $handle-size;
      border: $handle-border-width solid $slider-handle-border-color;
    }
  }

  .slider__mark{
    font-size: $mark-font-size;
  }
}
