/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 1/5/20, 1:52 AM
 * Last Modified: 12/22/19, 10:14 PM
 * Project Name: Wafaq
 * File Name: _mixins.scss
 */

/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 12/22/19, 10:14 PM
 * Last Modified: 11/1/19, 5:58 PM
 *
 * File Name: _mixins.scss
 */

@mixin bs-slider-variant($background) {
  .slider-selection,
  .slider-reversed .slider-track-high,
  &.slider-reversed .slider-track-high {
    background: $background;
  }
}

@mixin material-bs-slider-variant($background) {
  .slider-handle {
    box-shadow: none !important;
  }

  .slider-handle,
  .slider-selection,
  .slider-reversed .slider-track-high,
  &.slider-reversed .slider-track-high {
    background: $background;
  }
}

@mixin bs-slider-theme($background) {
  .slider-primary {
    @include bs-slider-variant($background);
  }
}

@mixin material-bs-slider-theme($background) {
  .slider-primary {
    @include material-bs-slider-variant($background);
  }
}