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 825B

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