VSlider.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .v-slider .v-slider__container input {
  2. cursor: default;
  3. padding: 0;
  4. width: 100%;
  5. display: none;
  6. }
  7. .v-slider > .v-input__append,
  8. .v-slider > .v-input__prepend {
  9. padding: 0;
  10. }
  11. .v-slider__container {
  12. position: relative;
  13. min-height: inherit;
  14. width: 100%;
  15. height: 100%;
  16. display: flex;
  17. justify-content: center;
  18. align-items: center;
  19. cursor: pointer;
  20. }
  21. .v-input--disabled .v-slider__container {
  22. opacity: var(--v-disabled-opacity);
  23. }
  24. .v-input--error:not(.v-input--disabled) .v-slider__container {
  25. color: rgb(var(--v-theme-error));
  26. }
  27. .v-slider.v-input--horizontal {
  28. align-items: center;
  29. margin-inline: 8px 8px;
  30. }
  31. .v-slider.v-input--horizontal > .v-input__control {
  32. min-height: 32px;
  33. display: flex;
  34. align-items: center;
  35. }
  36. .v-slider.v-input--vertical {
  37. justify-content: center;
  38. margin-top: 12px;
  39. margin-bottom: 12px;
  40. }
  41. .v-slider.v-input--vertical > .v-input__control {
  42. min-height: 300px;
  43. }
  44. .v-slider.v-input--disabled {
  45. pointer-events: none;
  46. }
  47. .v-slider--has-labels > .v-input__control {
  48. margin-bottom: 4px;
  49. }
  50. .v-slider__label {
  51. margin-inline-end: 12px;
  52. }