range-slider.sass 691 Bytes
Newer Older
1 2
.range
  width: 400px
3

4 5
  .range-slider
    position: relative
6

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

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

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

29 30 31 32 33
      margin-top: -4px

      z-index: 1

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

35 36 37 38 39 40
      .button
        margin-top: -3px

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