range-slider.sass 751 Bytes
Newer Older
1 2
.range
  width: 400px
3 4
  /* some space for the right knob */
  padding-right: 30px
5

6 7
  .range-slider
    position: relative
8

9 10
    .scale
      position: absolute
11 12 13 14 15 16 17 18 19 20
      width: 100%
      height: 3px
      margin-top: 2px
      background-color: #d8d8d8

    .scale-sel
      position: absolute
      background-color: rgb(39, 196, 112)
      width: 100%
      height: 7px
21

22 23 24 25 26 27 28 29
    .knob
      position: absolute
      cursor: pointer
      -moz-user-select: none
      -webkit-user-select: none
      -ms-user-select: none
      user-select: none
      -o-user-select: none
30

31 32 33 34 35
      margin-top: -4px

      z-index: 1

      box-shadow: 1px 1px 3px grey
36

37 38 39 40 41 42
      .button
        margin-top: -3px

        background: #eee
        width: 30px
        height: 20px