_range_slider.sass 804 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
    width: 85%
9

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

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

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

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

      z-index: 1

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

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

        background: #eee
        width: 30px
        height: 20px
44 45 46 47

.range-simple
  input
    width: 85%