<commit_before>@import '../core/style/variables';


// This refers to the thickness of the slider. On a horizontal slider this is the height, on a
// vertical slider this is the width.
$md-slider-thickness: 48px !default;
$md-slider-min-size: 128px !default;
$md-slider-padding: 8px !default;

$md-slider-track-thickness: 2px !default;
$md-slider-thumb-size: 20px !default;

$md-slider-thumb-default-scale: 0.7 !default;
$md-slider-thumb-focus-scale: 1 !default;

$md-slider-thumb-arrow-gap: 12px !default;

$md-slider-thumb-label-size: 28px !default;

$md-slider-tick-color: rgba(0, 0, 0, 0.6) !default;
$md-slider-tick-size: 2px !default;


md-slider {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: $md-slider-padding;
  outline: none;
  vertical-align: middle;
}

.md-slider-track {
  position: absolute;
}

.md-slider-track-fill {
  position: absolute;
  transform-origin: 0 0;
  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
}

.md-slider-ticks-container {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.md-slider-ticks {
  opacity: 0;
  transition: opacity $swift-ease-out-duration $swift-ease-out-timing-function;
}

.md-slider-thumb-container {
  position: absolute;
  z-index: 1;
  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
}

.md-slider-thumb {
  position: absolute;
  right: -$md-slider-thumb-size / 2;
  bottom: -$md-slider-thumb-size / 2;
  width: $md-slider-thumb-size;
  height: $md-slider-thumb-size;
  border-radius: 50%;
  transform: scale($md-slider-thumb-default-scale);
  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
}

.md-slider-thumb-label {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: $md-slider-thumb-label-size;
  height: $md-slider-thumb-label-size;
  border-radius: 50%;
  transition: 300ms $swift-ease-in-out-timing-function;
  transition-property: transform, border-radius;
}

.md-slider-thumb-label-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
  opacity: 0;
  transition: opacity 300ms $swift-ease-in-out-timing-function;
}


// Slider sliding state.
.md-slider-sliding {
  .md-slider-track-fill,
  .md-slider-thumb-container {
    transition: none;
  }
}


// Slider with ticks.
.md-slider-has-ticks {
  .md-slider-track::after {
    content: '';
    position: absolute;
    border: 0 solid $md-slider-tick-color;
    opacity: 0;
    transition: opacity 300ms $swift-ease-in-out-timing-function;
  }

  &.md-slider-active,
  &:hover {
    .md-slider-track::after {
      opacity: 1;
    }

    .md-slider-ticks {
      opacity: 1;
    }
  }
}<commit_msg>fix(slider): prevent thumb from getting stuck on Mobile Safari (#2142)<commit_after>@import '../core/style/variables';


// This refers to the thickness of the slider. On a horizontal slider this is the height, on a
// vertical slider this is the width.
$md-slider-thickness: 48px !default;
$md-slider-min-size: 128px !default;
$md-slider-padding: 8px !default;

$md-slider-track-thickness: 2px !default;
$md-slider-thumb-size: 20px !default;

$md-slider-thumb-default-scale: 0.7 !default;
$md-slider-thumb-focus-scale: 1 !default;

$md-slider-thumb-arrow-gap: 12px !default;

$md-slider-thumb-label-size: 28px !default;

$md-slider-tick-color: rgba(0, 0, 0, 0.6) !default;
$md-slider-tick-size: 2px !default;


md-slider {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: $md-slider-padding;
  outline: none;
  vertical-align: middle;
}

.md-slider-track {
  position: absolute;
}

.md-slider-track-fill {
  position: absolute;
  transform-origin: 0 0;
  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
}

.md-slider-ticks-container {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.md-slider-ticks {
  opacity: 0;
  transition: opacity $swift-ease-out-duration $swift-ease-out-timing-function;
}

.md-slider-thumb-container {
  position: absolute;
  z-index: 1;
  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
}

.md-slider-thumb {
  position: absolute;
  right: -$md-slider-thumb-size / 2;
  bottom: -$md-slider-thumb-size / 2;
  width: $md-slider-thumb-size;
  height: $md-slider-thumb-size;
  border-radius: 50%;
  transform: scale($md-slider-thumb-default-scale);
  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
}

.md-slider-thumb-label {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: $md-slider-thumb-label-size;
  height: $md-slider-thumb-label-size;
  border-radius: 50%;
  transition: 300ms $swift-ease-in-out-timing-function;
  transition-property: transform, border-radius;
}

.md-slider-thumb-label-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
  opacity: 0;
  transition: opacity 300ms $swift-ease-in-out-timing-function;
}


// Slider sliding state.
.md-slider-sliding {
  .md-slider-track-fill,
  .md-slider-thumb-container {
    // Must use `transition-duration: 0ms` to disable animation rather than `transition: none`.
    // On Mobile Safari `transition: none` causes the slider thumb to appear stuck.
    transition-duration: 0ms;
  }
}


// Slider with ticks.
.md-slider-has-ticks {
  .md-slider-track::after {
    content: '';
    position: absolute;
    border: 0 solid $md-slider-tick-color;
    opacity: 0;
    transition: opacity 300ms $swift-ease-in-out-timing-function;
  }

  &.md-slider-active,
  &:hover {
    .md-slider-track::after {
      opacity: 1;
    }

    .md-slider-ticks {
      opacity: 1;
    }
  }
}
{'fraction_non_alphanumeric': 0.1538055897345755, 'fraction_numerical': 0.018984004218667604, 'mean_word_length': 3.434918160561185, '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': '6688759', 'n_tokens_mistral': 2225, 'n_tokens_neox': 2072, 'n_words': 436}