<commit_before>$sider-tooltip-color: #f6f6f6;

.dh-slider {
    position: relative;
    margin: 10px 6px;
    height: 12px;
    border-radius: 5px;
    background-color: #e9e9e9;
    cursor: pointer;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transition: background-color 0.3s ease;

    &-track {
        position: absolute;
        left: 0;
        height: 4px;
        border-radius: 4px;
        background: linear-gradient(to right, #2ad450, #12d8db);
        z-index: 1;
        transition: background-color 0.3s ease;
    }

    &-step {
        position: absolute;
        width: 100%;
        height: 4px;
        background: transparent;
        z-index: 1;
    }
    &-dot {
      position: absolute;
      top: -2px;
      width: 8px;
      height: 8px;
      border: 2px solid #e9e9e9;
      background-color: #fff;
      cursor: pointer;
      border-radius: 50%;
      vertical-align: middle;
      &-active {
        border-color: #23c132;
      }
    }

    &-handle {
        position: absolute;
        cursor: pointer;
        background-color: #fff;
        z-index: 2;
        transform: translateY(-50%);
        &:after {
            font-family: dhfont !important;
            color: #23c132;
            content: '\e71f';
            font-size: 16px;
        }
        &-2 {
          transform: translate(-100%, -50%)
        }
    }

    &-mark {
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        font-size: 12px;
        z-index: 3;
        &-text {
          position: absolute;
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          cursor: pointer;
          &-active {
            color: #666666;
          }
        }
    }

    &-tooltip {
        position: absolute;
        left: -9999px;
        top: -9999px;
        z-index: 1050;
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;

        &-arrow {
          position: absolute;
          width: 10px;
          height: 10px;
          border: 1px solid rgba(31,56,88,.2);
          background-color: #fff;
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          box-shadow: 0 1px 4px 0 rgba(31,56,88,.15);
        }

        &-content {
            background-color: $sider-tooltip-color;
            border: 1px solid #e6e6e6;
            border-radius: 3px;
            box-shadow: 0 1px 4px 0 rgba(31,56,88,.15);
        }

        &-hidden {
            display: none;
        }

        &-inner {
            position: relative;
            z-index: 2;
            padding: 6px 16px;
            color: #666666;
            text-align: center;
            color: rgba(31,56,88,.8);
            text-decoration: none;
            border-radius: 3px;
            background-color: #fff;
        }
        &-placement {
          &-left, &-leftBottom, &-leftTop {
            margin-left: -3px;
            padding: 0 6px;
            .dh-slider-tooltip-arrow {
              right: 2px;
            }
          }
          &-leftTop .dh-slider-tooltip-arrow {
             top: 8px;
          }
          &-left .dh-slider-tooltip-arrow {
             top: 50%;
             margin-top: -4px;
          }
          &-leftBottom .dh-slider-tooltip-arrow {
            bottom: 8px;
          }


          &-right, &-rightBottom, &-rightTop {
            margin-left: 3px;
            padding: 0 6px;
            .dh-slider-tooltip-arrow {
              left: 2px;
            }
          }
          &-rightTop .dh-slider-tooltip-arrow {
            top: 8px;
          }
          &-right .dh-slider-tooltip-arrow {
            top: 50%;
            margin-top: -4px;
          }
          &-rightBottom .dh-slider-tooltip-arrow {
            bottom: 8px;
          }

          &-top, &-topLeft, &-topRight {
            margin-top: -3px;
            padding: 6px 0;
            .dh-slider-tooltip-arrow {
              bottom: 2px;
            }
          }
          &-top .dh-slider-tooltip-arrow {
            left: 50%;
            margin-left: -6px;
          }
          &-topLeft .dh-slider-tooltip-arrow {
            left: 12px;
          }
          &-topRight .dh-slider-tooltip-arrow {
            right: 12px;
          }
          &-bottom, &-bottomLeft, &-bottomRight {
            margin-top: 3px;
            padding: 6px 0;
            .dh-slider-tooltip-arrow {
               top: 2px;
            }
          }
          &-bottomLeft .dh-slider-tooltip-arrow {
             left: 12px;
          }
          &-bottom .dh-slider-tooltip-arrow {
             left: 50%;
             margin-left: -6px;
          }
          &-bottomRight .dh-slider-tooltip-arrow {
             right: 12px;
          }
        }
    }
}
//反转
.dh-slider-reverse {
  background: linear-gradient(to right, #2ad450, #12d8db);
  .dh-slider-track {
      background: #e9e9e9;
  }
}
<commit_msg>slider 对不齐<commit_after>$sider-tooltip-color: #f6f6f6;

.dh-slider {
    position: relative;
    margin: 10px 6px;
    height: 12px;
    border-radius: 5px;
    background-color: #e9e9e9;
    cursor: pointer;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transition: background-color 0.3s ease;

    &-track {
        position: absolute;
        left: 0;
        height: 4px;
        border-radius: 4px;
        background: linear-gradient(to right, #2ad450, #12d8db);
        z-index: 1;
        transition: background-color 0.3s ease;
    }

    &-step {
        position: absolute;
        width: 100%;
        height: 4px;
        background: transparent;
        z-index: 1;
    }
    &-dot {
      position: absolute;
      top: -2px;
      width: 8px;
      height: 8px;
      border: 2px solid #e9e9e9;
      background-color: #fff;
      cursor: pointer;
      border-radius: 50%;
      vertical-align: middle;
      &-active {
        border-color: #23c132;
      }
    }

    &-handle {
        position: absolute;
        cursor: pointer;
        background-color: #fff;
        z-index: 2;
        top: 50%;
        transform: translateY(-50%);
        &:after {
            font-family: dhfont !important;
            color: #23c132;
            content: '\e71f';
            font-size: 16px;
        }
        &-2 {
          transform: translate(-50%, -50%)
        }
    }

    &-mark {
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        font-size: 12px;
        z-index: 3;
        &-text {
          position: absolute;
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          cursor: pointer;
          &-active {
            color: #666666;
          }
        }
    }

    &-tooltip {
        position: absolute;
        left: -9999px;
        top: -9999px;
        z-index: 1050;
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;

        &-arrow {
          position: absolute;
          width: 10px;
          height: 10px;
          border: 1px solid rgba(31,56,88,.2);
          background-color: #fff;
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          box-shadow: 0 1px 4px 0 rgba(31,56,88,.15);
        }

        &-content {
            background-color: $sider-tooltip-color;
            border: 1px solid #e6e6e6;
            border-radius: 3px;
            box-shadow: 0 1px 4px 0 rgba(31,56,88,.15);
        }

        &-hidden {
            display: none;
        }

        &-inner {
            position: relative;
            z-index: 2;
            padding: 6px 16px;
            color: #666666;
            text-align: center;
            color: rgba(31,56,88,.8);
            text-decoration: none;
            border-radius: 3px;
            background-color: #fff;
        }
        &-placement {
          &-left, &-leftBottom, &-leftTop {
            margin-left: -3px;
            padding: 0 6px;
            .dh-slider-tooltip-arrow {
              right: 2px;
            }
          }
          &-leftTop .dh-slider-tooltip-arrow {
             top: 8px;
          }
          &-left .dh-slider-tooltip-arrow {
             top: 50%;
             margin-top: -4px;
          }
          &-leftBottom .dh-slider-tooltip-arrow {
            bottom: 8px;
          }


          &-right, &-rightBottom, &-rightTop {
            margin-left: 3px;
            padding: 0 6px;
            .dh-slider-tooltip-arrow {
              left: 2px;
            }
          }
          &-rightTop .dh-slider-tooltip-arrow {
            top: 8px;
          }
          &-right .dh-slider-tooltip-arrow {
            top: 50%;
            margin-top: -4px;
          }
          &-rightBottom .dh-slider-tooltip-arrow {
            bottom: 8px;
          }

          &-top, &-topLeft, &-topRight {
            margin-top: -3px;
            padding: 6px 0;
            .dh-slider-tooltip-arrow {
              bottom: 2px;
            }
          }
          &-top .dh-slider-tooltip-arrow {
            left: 50%;
            margin-left: -6px;
          }
          &-topLeft .dh-slider-tooltip-arrow {
            left: 12px;
          }
          &-topRight .dh-slider-tooltip-arrow {
            right: 12px;
          }
          &-bottom, &-bottomLeft, &-bottomRight {
            margin-top: 3px;
            padding: 6px 0;
            .dh-slider-tooltip-arrow {
               top: 2px;
            }
          }
          &-bottomLeft .dh-slider-tooltip-arrow {
             left: 12px;
          }
          &-bottom .dh-slider-tooltip-arrow {
             left: 50%;
             margin-left: -6px;
          }
          &-bottomRight .dh-slider-tooltip-arrow {
             right: 12px;
          }
        }
    }
}
//反转
.dh-slider-reverse {
  background: linear-gradient(to right, #2ad450, #12d8db);
  .dh-slider-track {
      background: #e9e9e9;
  }
}

{'fraction_non_alphanumeric': 0.1229245849169834, 'fraction_numerical': 0.042708541708341666, 'mean_word_length': 1.166161178509532, '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': '200690', 'n_tokens_mistral': 3454, 'n_tokens_neox': 3048, 'n_words': 651}