You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_input-slider.scss 852B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. $rangeInputThumbSize: 14;
  2. /**
  3. * Disable the default webkit styles for range inputs (sliders).
  4. */
  5. input[type=range]{
  6. -webkit-appearance: none;
  7. background: none;
  8. }
  9. /**
  10. * Disable the default focus styles for webkit range inputs (sliders).
  11. */
  12. input[type=range]:focus {
  13. outline: none;
  14. }
  15. /**
  16. * Include the mixin for a range input style.
  17. */
  18. @include slider {
  19. background: $sliderTrackBackground;
  20. border: none;
  21. border-radius: 3px;
  22. cursor: pointer;
  23. height: 6px;
  24. width: 100%;
  25. }
  26. /**
  27. * Include the mixin for a range input thumb style.
  28. */
  29. @include slider-thumb {
  30. -webkit-appearance: none;
  31. background: white;
  32. border: 1px solid $sliderThumbBackground;
  33. border-radius: 50%;
  34. box-shadow: 0px 0px 1px $sliderThumbBackground;
  35. cursor: pointer;
  36. height: 14px;
  37. margin-top: -4px;
  38. width: 14px;
  39. }