flyonui/components/range/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".range":{"appearance":"none","webkit-appearance":"none","--range-color":"var(--color-base-content)","--range-thumb-border-width":"3px","--range-track-height":"8px","--range-thumb-size":"16px","position":"relative","width":"100%","border-radius":"calc(infinity * 1px)","background-color":"transparent","transition-property":"all","transition-timing-function":"var(--tw-ease, var(--default-transition-timing-function))","transition-duration":"var(--tw-duration, var(--default-transition-duration))","height":"var(--range-track-height)","&::-webkit-slider-runnable-track":{"width":"100%","border-radius":"calc(infinity * 1px)","background-color":"color-mix(in oklab, var(--color-neutral) 10%, transparent)","height":"var(--range-track-height)"},"&::-moz-range-track":{"width":"100%","border-radius":"calc(infinity * 1px)","background-color":"color-mix(in oklab, var(--color-neutral) 10%, transparent)","height":"var(--range-track-height)"},"&::-webkit-slider-thumb":{"position":"relative","top":"calc(1/2 * 100%)","--tw-translate-y":"calc(calc(1/2 * 100%) * -1)","translate":"var(--tw-translate-x) var(--tw-translate-y)","border-radius":"calc(infinity * 1px)","background-color":"var(--color-base-100)","--tw-shadow":"0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","--tw-shadow-color":"color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)","transition-property":"all","transition-timing-function":["var(--tw-ease, var(--default-transition-timing-function))","var(--ease-in-out)"],"transition-duration":["var(--tw-duration, var(--default-transition-duration))","150ms"],"--tw-duration":"150ms","--tw-ease":"var(--ease-in-out)","&:hover":{"@media (hover: hover)":{"--tw-scale-x":"125%","--tw-scale-y":"125%","--tw-scale-z":"125%","scale":"var(--tw-scale-x) var(--tw-scale-y)"},"cursor":"grab","box-shadow":"0 0 0 2px var(--range-color)"},"&:active":{"--tw-scale-x":"125%","--tw-scale-y":"125%","--tw-scale-z":"125%","scale":"var(--tw-scale-x) var(--tw-scale-y)","cursor":"grabbing","box-shadow":"0 0 0 3px var(--range-color)"},"appearance":"none","box-sizing":"border-box","webkit-appearance":"none","color":"var(--range-color)","border-color":"var(--range-color)","border-style":"solid","border-width":"var(--range-thumb-border-width)","height":"var(--range-thumb-size)","width":"var(--range-thumb-size)"},"&::-moz-range-thumb":{"position":"relative","border-radius":"calc(infinity * 1px)","background-color":"var(--color-base-100)","--tw-shadow":"0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","transition-property":"all","transition-timing-function":["var(--tw-ease, var(--default-transition-timing-function))","var(--ease-in-out)"],"transition-duration":["var(--tw-duration, var(--default-transition-duration))","150ms"],"--tw-duration":"150ms","--tw-ease":"var(--ease-in-out)","top":"50%","color":"var(--range-color)","box-sizing":"border-box","border-color":"var(--range-color)","border-style":"solid","border-width":"var(--range-thumb-border-width)","height":"var(--range-thumb-size)","width":"var(--range-thumb-size)","&:hover":{"cursor":"grab","box-shadow":"0 0 0 2px var(--range-color)"},"&:active":{"cursor":"grabbing","box-shadow":"0 0 0 3px var(--range-color)"}},"&:focus":{"outline":"none"}},".range.disabled, .range:disabled, .range[disabled]":{"pointer-events":"none","opacity":"50%"},"[dir=\"rtl\"] .range::-webkit-slider-thumb":{"transform":"scaleX(-1)"},"[dir=\"rtl\"] .range::-moz-range-thumb":{"transform":"scaleX(-1)"},"[dir=\"rtl\"] .range::-webkit-slider-runnable-track, [dir=\"rtl\"] .range::-moz-range-track":{"direction":"rtl"},".range-primary":{"--range-color":"var(--color-primary)"},".range-secondary":{"--range-color":"var(--color-secondary)"},".range-accent":{"--range-color":"var(--color-accent)"},".range-success":{"--range-color":"var(--color-success)"},".range-warning":{"--range-color":"var(--color-warning)"},".range-info":{"--range-color":"var(--color-info)"},".range-error":{"--range-color":"var(--color-error)"},".range-xs":{"--range-thumb-border-width":"2.5px","--range-track-height":"4px","--range-thumb-size":"10px"},".range-sm":{"--range-thumb-border-width":"2.5px","--range-track-height":"6px","--range-thumb-size":"12px"},".range-md":{"--range-thumb-border-width":"3px","--range-track-height":"8px","--range-thumb-size":"16px"},".range-lg":{"--range-thumb-border-width":"4px","--range-track-height":"10px","--range-thumb-size":"18px"},".range-xl":{"--range-thumb-border-width":"4px","--range-track-height":"12px","--range-thumb-size":"20px"}};