<commit_before>.q-slider

  position relative
  width 100%
  height 40px
  color $primary
  color var(--q-color-primary)
  outline 0

  &__track-container
    top 50%
    width 100%
    height 2px
    background rgba(0, 0, 0, .26)

  &__track
    will-change width, left
    background currentColor

  &__track-markers
    color black
    background-image repeating-linear-gradient(to right, currentColor, currentColor 2px, transparent 0, transparent)

    &:after
      content ''
      position absolute
      right 0
      top 0
      bottom 0
      height 2px
      width 2px
      background currentColor

  &__thumb-container
    top 11px
    width 21px
    transform translate3d(-10px, 0, 0)
    will-change left
    outline 0

  &__thumb
    top 0
    left 0
    transform scale3d(.571, .571, .571)
    transition transform .18s ease-out, fill .18s ease-out, stroke .18s ease-out
    stroke-width 3.5
    stroke currentColor

    circle
      stroke currentColor
      fill currentColor

  &__focus-ring
    width 21px
    height 21px
    transition transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out
    border-radius 50%
    opacity 0

  &__pin
    top 0
    width 26px
    height 26px
    margin-top -2px
    margin-left -2px
    background currentColor
    transform rotate(-45deg) scale3d(0, 0, 0) translate3d(0, 0, 0)
    transition transform 100ms ease-out
    will-change left
    border-radius 50% 50% 50% 0%
    z-index 1

  &__pin-value-marker
    transform rotate(45deg)

    &-text
      position relative
      color white
      font-size 12px

    &-bg
      position absolute
      min-width 27px
      width 130%
      height 27px
      left 50%
      top 50%
      transform translate3d(-50%, -50%, 0)
      background-color currentColor
      border-radius 50%

  &--editable
    cursor grab

  &--active
    cursor grabbing
<commit_msg>feat(QSlider/QRange): generic rounded border on label to accomodate for bigger values<commit_after>.q-slider

  position relative
  width 100%
  height 40px
  color $primary
  color var(--q-color-primary)
  outline 0

  &__track-container
    top 50%
    width 100%
    height 2px
    background rgba(0, 0, 0, .26)

  &__track
    will-change width, left
    background currentColor

  &__track-markers
    color black
    background-image repeating-linear-gradient(to right, currentColor, currentColor 2px, transparent 0, transparent)

    &:after
      content ''
      position absolute
      right 0
      top 0
      bottom 0
      height 2px
      width 2px
      background currentColor

  &__thumb-container
    top 11px
    width 21px
    transform translate3d(-10px, 0, 0)
    will-change left
    outline 0

  &__thumb
    top 0
    left 0
    transform scale3d(.571, .571, .571)
    transition transform .18s ease-out, fill .18s ease-out, stroke .18s ease-out
    stroke-width 3.5
    stroke currentColor

    circle
      stroke currentColor
      fill currentColor

  &__focus-ring
    width 21px
    height 21px
    transition transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out
    border-radius 50%
    opacity 0

  &__pin
    top 0
    width 26px
    height 26px
    margin-top -2px
    margin-left -2px
    background currentColor
    transform rotate(-45deg) scale3d(0, 0, 0) translate3d(0, 0, 0)
    transition transform 100ms ease-out
    will-change left
    border-radius 50% 50% 50% 0%
    z-index 1

  &__pin-value-marker
    transform rotate(45deg)

    &-text
      position relative
      color white
      font-size 12px

    &-bg
      position absolute
      min-width 27px
      width 130%
      height 27px
      left 50%
      top 50%
      transform translate3d(-50%, -50%, 0)
      background-color currentColor
      border-radius $generic-border-radius

  &--editable
    cursor grab

  &--active
    cursor grabbing

{'fraction_non_alphanumeric': 0.07078738137984099, 'fraction_numerical': 0.06463195691202872, 'mean_word_length': 2.228476821192053, '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': '3506864', 'n_tokens_mistral': 1434, 'n_tokens_neox': 1188, 'n_words': 390}