@heycar-uikit/core
Version:
The React UI library from HeyCar
2 lines • 2.23 kB
CSS
:root{--color-mica-blue-50:#f1f4fa;--color-mica-blue-200:#a2b7da;--color-mica-blue-700:#052962;--color-tarmac-grey-700:#303030;--spacing-1:4px;--color-primary-50:var(--color-mica-blue-50);--color-primary-200:var(--color-mica-blue-200);--color-primary-700:var(--color-mica-blue-700);--color-neutral-700:var(--color-tarmac-grey-700)}body{color:var(--color-neutral-700)}:root{--slider-thumb-size:22px;--slider-halo-size:40px;--slider-focus-visible:calc(var(--slider-thumb-size)*1.18182);--slider-thumb-left-offset:-2px}.slider__sliderWrapper_9todc .slider__heycarSlider_9todc{align-items:center;display:flex;height:var(--slider-thumb-size)}.slider__sliderWrapper_9todc .range-slider__track{background-color:var(--color-primary-200);height:var(--spacing-1);top:10px}.slider__sliderWrapper_9todc .range-slider__thumb{align-items:flex-start;background:#fff;border:1px solid var(--color-primary-700);border-radius:50%;cursor:grab;display:flex;height:var(--slider-thumb-size);justify-content:center;outline:none;transform:scale(1);-webkit-user-select:none;user-select:none;width:var(--slider-thumb-size)}.slider__sliderWrapper_9todc .range-slider__thumb:focus-visible{height:var(--slider-focus-visible);margin-left:var(--slider-thumb-left-offset);outline:none;width:var(--slider-focus-visible)}.slider__sliderWrapper_9todc .range-slider__thumb .tooltip{background-color:var(--color-primary-50);bottom:30px;color:var(--color-neutral-700);opacity:0;padding:var(--spacing-1);pointer-events:none;position:absolute;transform:scale(.6) translateY(50%);transition:all .3s cubic-bezier(.6,-.28,.18,.94);-webkit-user-select:none;user-select:none;white-space:nowrap}.slider__sliderWrapper_9todc .range-slider__thumb:before{border-radius:50%;content:"";height:var(--slider-halo-size);margin-top:-6px;position:absolute;width:var(--slider-halo-size)}.slider__sliderWrapper_9todc .dragging{cursor:grabbing;height:var(--slider-focus-visible);margin-left:var(--slider-thumb-left-offset);width:var(--slider-focus-visible)}.slider__sliderWrapper_9todc .dragging .tooltip{opacity:1;transform:scale(1) translateY(0)}.slider__sliderWrapper_9todc.slider__isWithHistogram_9todc .range-slider__track{height:2px}
/*# sourceMappingURL=Slider.constants.css.map */