Slider.less 832 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /* dojox.mobile.Slider */
  2. .mblSlider {
  3. outline: none;
  4. -webkit-user-select: none; /* prevent selection */
  5. -webkit-box-sizing: content-box; /* make width and height consistent with a DIV */
  6. .mblSlider-styles;
  7. }
  8. .mblSliderH {
  9. width: 200px;
  10. height: 8px;
  11. .mblSliderProgressBar {
  12. height: 100%;
  13. }
  14. .mblSliderHandle {
  15. top: 50%;
  16. }
  17. }
  18. .mblSliderV {
  19. height: 200px;
  20. width: 8px;
  21. .mblSliderProgressBar {
  22. width: 100%;
  23. }
  24. .mblSliderHandle {
  25. left: 50%;
  26. }
  27. }
  28. .mblSliderProgressBar {
  29. .mblSliderProgressBar-styles;
  30. }
  31. .mblSliderHandle {
  32. .mblSliderHandle-styles;
  33. }
  34. .mblSliderTransition {
  35. -webkit-transition-duration: 400ms;
  36. }
  37. .mblSliderTouchBox {
  38. margin: 0;
  39. padding: 12pt;
  40. left: -12pt;
  41. top: -12pt;
  42. border: none;
  43. width: 100%;
  44. height: 100%;
  45. background-color: transparent;
  46. -webkit-tap-highlight-color: rgba(255,255,255,0);
  47. }