frutjam/dist/components/range/object.js

A utility-first CSS UI Library for Tailwind CSS

export default {".range":{"--radius-range":"9999px","--color-range":"var(--color-base-active)","--color-on-range":"var(--color-base-soft)","--range--height":"0.375rem","--range--thumb-size":"1.25rem","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","width":"100%","height":"var(--range--thumb-size)","border-radius":"var(--radius-range)","background-color":"transparent","cursor":"pointer","outline":"none","display":"block","&::-webkit-slider-thumb":{"-webkit-appearance":"none","appearance":"none","border":"none","width":"var(--range--thumb-size)","height":"var(--range--thumb-size)","border-radius":"9999px","background-color":"var(--color-range)","cursor":"pointer","margin-top":"calc((var(--range--height) - var(--range--thumb-size)) / 2)","-webkit-transition":"transform 150ms ease-in-out","transition":"transform 150ms ease-in-out"},"&::-webkit-slider-thumb:hover":{"transform":"scale(1.15)"},"&::-moz-range-thumb":{"width":"var(--range--thumb-size)","height":"var(--range--thumb-size)","border-radius":"9999px","background-color":"var(--color-range)","border":"none","cursor":"pointer","-moz-transition":"transform 150ms ease-in-out","transition":"transform 150ms ease-in-out"},"&::-moz-range-thumb:hover":{"transform":"scale(1.15)"},"&::-webkit-slider-runnable-track":{"background-color":"var(--color-on-range)","border-radius":"var(--radius-range)","height":"var(--range--height)"},"&::-moz-range-track":{"background-color":"var(--color-on-range)","border-radius":"var(--radius-range)","height":"var(--range--height)"},"&:focus-visible":{"&::-webkit-slider-thumb":{"outline-width":"2px","outline-style":"solid","outline-color":"var(--color-on-base)","outline-offset":"3px"},"&::-moz-range-thumb":{"outline-width":"2px","outline-style":"solid","outline-color":"var(--color-on-base)","outline-offset":"3px"}},"&:disabled":{"cursor":"not-allowed","opacity":0.5,"pointer-events":"none"}},".range-accent":{"--color-range":"var(--color-accent)","--color-on-range":"var(--color-accent-soft)"},".range-error":{"--color-range":"var(--color-error)","--color-on-range":"var(--color-error-soft)"},".range-info":{"--color-range":"var(--color-info)","--color-on-range":"var(--color-info-soft)"},".range-lg":{"--range--height":"0.5rem","--range--thumb-size":"1.5rem"},".range-md":{"--range--height":"0.375rem","--range--thumb-size":"1.25rem"},".range-neutral":{"--color-range":"var(--color-neutral)","--color-on-range":"var(--color-neutral-soft)"},".range-primary":{"--color-range":"var(--color-primary)","--color-on-range":"var(--color-primary-soft)"},".range-secondary":{"--color-range":"var(--color-secondary)","--color-on-range":"var(--color-secondary-soft)"},".range-sm":{"--range--height":"0.25rem","--range--thumb-size":"1rem"},".range-success":{"--color-range":"var(--color-success)","--color-on-range":"var(--color-success-soft)"},".range-warning":{"--color-range":"var(--color-warning)","--color-on-range":"var(--color-warning-soft)"},".range-xl":{"--range--height":"0.625rem","--range--thumb-size":"1.75rem"},".range-xs":{"--range--height":"0.2rem","--range--thumb-size":"0.875rem"}};