/**
 * Copyright 2016-present, Baifendian, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

@import '../variables.less';

.bfd-slider2 {
  padding: 6px 7px;
  cursor: pointer;
}

.bfd-slider2--disabled {
  cursor: not-allowed;
  .bfd-slider2__range {
    background-color: #cdcdcd;
  }
  .bfd-slider2__slider {
    border-color: #cdcdcd;
    &:hover {
      border-color: #cdcdcd;
    }
  }
}

.bfd-slider2__layer {
  height: 2px;
  border-radius: 2px;
  background-color: #eaeaea;
  position: relative;
}

.bfd-slider2__range {
  border-radius: 2px;
  width: 0%;
  height: 100%;
  background-color: @primary-color;
}

.bfd-slider2__slider {
  -webkit-user-drag: none;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 14px;
  width: 1em;
  height: 1em;
  margin-left: -.5em;
  margin-top: -.5em;
  border: 1px solid @primary-color;
  border-radius: 50%;
  background-color: #fff;
  transition: transform .1s, border-color .1s;
  &:hover {
    border-color: @primary-color-deep;
    transform: scale(1.1);
    transform-origin: center center;
  }
}
