<commit_before>// Foundation by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

@import 'global';

////
/// @group table
////

/// Defualt height of the slider.
/// @type Number
$slider-height: 0.5rem !default;

/// Default slider width of a vertical slider.
/// @type Number
$vertical-slider-width: $slider-height !default;

/// Default height of the handle of the slider.
/// @type Number
$slider-handle-height: 1.4rem !default;

/// Defualt width of the handle of the slider.
/// @type Number
$slider-handle-width: 1.4rem !default;

/// Defualt color of the handle for the slider.
/// @type Color
$slider-handle-color: $primary-color !default;

/// Defualt fade amount of a disabled slider.
/// @type Number
$slider-disabled-fade: 0.5 !default;

/// Defualt color of the active fill color of the slider.
/// @type Color
$slider-fill-color: $medium-gray !default;


/// Default background color of the slider's track.
/// @type Color
$slider-background-color: $light-gray !default;

.slider {
  background: $slider-background-color;
  position: relative;
  height: $slider-height;
  margin-top: 1.25rem; 
  margin-bottom: 1.25rem;
 // touch-action: none;
}

.slider-fill {
  background: $slider-fill-color;
  display: inline-block;
  height: $slider-height;
  position: absolute;
}

.slider-handle {
  @include v-align-middle;
  background: $slider-handle-color;
  cursor: pointer;
  display: inline-block;
  z-index: 1;
  height: $slider-handle-height;
  width: $slider-handle-width;
  touch-action: manipulation;

  &:hover {
    background: scale-color($slider-handle-color, $lightness: -15%);
  }
}

.slider.disabled, .slider[disabled] {
  cursor: not-allowed;
  opacity: $slider-disabled-fade;

  .slider-handle {
    cursor: not-allowed;
  }
}

.slider.vertical {
  display: inline-block;
  height: 12.5rem;
  width: $vertical-slider-width; 
  margin: 0 1.25rem;

  .slider-fill {
    top: 0;
    width: $vertical-slider-width; 
  }

  .slider-handle { 
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: $slider-handle-width;
    width: $slider-handle-height;
  }
}
<commit_msg>mixinified the slider<commit_after>// Foundation by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

@import 'global';

////
/// @group table
////

/// Defualt height of the slider.
/// @type Number
$slider-height: 0.5rem !default;

/// Default slider width of a vertical slider.
/// @type Number
$vertical-slider-width: $slider-height !default;

/// Default height of the handle of the slider.
/// @type Number
$slider-handle-height: 1.4rem !default;

/// Defualt width of the handle of the slider.
/// @type Number
$slider-handle-width: 1.4rem !default;

/// Defualt color of the handle for the slider.
/// @type Color
$slider-handle-color: $primary-color !default;

/// Defualt fade amount of a disabled slider.
/// @type Number
$slider-disabled-fade: 0.5 !default;

/// Defualt color of the active fill color of the slider.
/// @type Color
$slider-fill-color: $medium-gray !default;


/// Default background color of the slider's track.
/// @type Color
$slider-background-color: $light-gray !default;

@mixin slider {
  background: $slider-background-color;
  position: relative;
  height: $slider-height;
  margin-top: 1.25rem; 
  margin-bottom: 1.25rem;
 // touch-action: none;
}

 @mixin slider-fill {
  background: $slider-fill-color;
  display: inline-block;
  height: $slider-height;
  position: absolute;
}

@mixin slider-handle {
  @include v-align-middle;
  background: $slider-handle-color;
  cursor: pointer;
  display: inline-block;
  z-index: 1;
  height: $slider-handle-height;
  width: $slider-handle-width;
  touch-action: manipulation;

  &:hover {
    background: scale-color($slider-handle-color, $lightness: -15%);
  }
}

.slider-fill {
  @include slider-fill;
}

.slider-handle {
  @include slider-handle;
}

.slider {
  @include slider;
  
  &.disabled, &.slider[disabled] {
    cursor: not-allowed;
    opacity: $slider-disabled-fade;

    .slider-handle {
      cursor: not-allowed;
    }
  }

  &.vertical {
    display: inline-block;
    height: 12.5rem;
    width: $vertical-slider-width; 
    margin: 0 1.25rem;

    .slider-fill {
      top: 0;
      width: $vertical-slider-width; 
    }

    .slider-handle { 
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      height: $slider-handle-width;
      width: $slider-handle-height;
    }
  }
}
{'fraction_non_alphanumeric': 0.1499665253291676, 'fraction_numerical': 0.013389868332961392, 'mean_word_length': 2.980461811722913, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4209292', 'n_tokens_mistral': 1576, 'n_tokens_neox': 1478, 'n_words': 404}