responsivewebframework/src/less/slider.less

Jalasoft Foundation Front End Framework ========================================

// Slider

input.slider {
  display: none;
  position: relative;
  background-color: #f00;

  &+label {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    min-width: 150px;

    height: 36px;
    border-radius: 4px;
    background-color: white;

    -webkit-box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.75);
  }

  &+label>div {
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 4px;
    left: 12px;
    top: 6px;
  }

  &+label>div+div {

    position: absolute;
    margin: 0;
    height: 4px;
    top : 16px;
    left: 48px;
    background-color: @dividers-color;
  }

  &+label>div+div+div {
    position: absolute;
    cursor: default;
    margin: 0;
    height: 6px;
    top : 15px;
    left: 48px;
    background-color: @secondary-color;
  }
}