daisyui/components/range/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {".range":{"@layer daisyui.l1.l2.l3":{"appearance":"none","webkit-appearance":"none","--range-thumb":"var(--color-base-100)","--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 6)","--range-progress":"currentColor","--range-fill":"1","--range-p":"0.25rem","--range-bg":"color-mix(in oklab, currentColor 10%, #0000)","--range-fill-x":"calc(\n      (var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)\n    )","--range-fill-y":"0","--range-fill-spread":"calc(100cqw * var(--range-fill))","cursor":"pointer","overflow":"hidden","background-color":"transparent","vertical-align":"middle","width":"clamp(3rem, 20rem, 100%)","--radius-selector-max":"calc(\n      var(--radius-selector) + var(--radius-selector) + var(--radius-selector)\n    )","border-radius":"calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))","border":"none","height":"var(--range-thumb-size)","[dir=\"rtl\"] &":{"--range-dir":"-1"},"&:focus":{"outline":"none"},"&:focus-visible":{"outline":"2px solid","outline-offset":"2px"},"&::-webkit-slider-runnable-track":{"width":"100%","background-color":"var(--range-bg)","border-radius":"var(--radius-selector)","height":"calc(var(--range-thumb-size) * 0.5)"},"@media (forced-colors: active)":[{"&::-webkit-slider-runnable-track":{"border":"1px solid"}},{"&::-moz-range-track":{"border":"1px solid"}}],"&::-webkit-slider-thumb":{"position":"relative","box-sizing":"border-box","border-radius":"calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))","background-color":"var(--range-thumb)","height":"var(--range-thumb-size)","width":"var(--range-thumb-size)","border":"var(--range-p) solid","appearance":"none","webkit-appearance":"none","inset-block-start":"50%","color":"var(--range-progress)","transform":"translateY(-50%)","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread)"},"&::-moz-range-track":{"width":"100%","background-color":"var(--range-bg)","border-radius":"var(--radius-selector)","height":"calc(var(--range-thumb-size) * 0.5)"},"&::-moz-range-thumb":{"position":"relative","box-sizing":"border-box","border-radius":"calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))","background-color":"currentColor","height":"var(--range-thumb-size)","width":"var(--range-thumb-size)","border":"var(--range-p) solid","color":"var(--range-progress)","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread)"},"&:disabled":{"cursor":"not-allowed","opacity":"30%"}}},".range-primary":{"@layer daisyui.l1.l2":{"color":"var(--color-primary)","--range-thumb":"var(--color-primary-content)"}},".range-secondary":{"@layer daisyui.l1.l2":{"color":"var(--color-secondary)","--range-thumb":"var(--color-secondary-content)"}},".range-accent":{"@layer daisyui.l1.l2":{"color":"var(--color-accent)","--range-thumb":"var(--color-accent-content)"}},".range-neutral":{"@layer daisyui.l1.l2":{"color":"var(--color-neutral)","--range-thumb":"var(--color-neutral-content)"}},".range-success":{"@layer daisyui.l1.l2":{"color":"var(--color-success)","--range-thumb":"var(--color-success-content)"}},".range-warning":{"@layer daisyui.l1.l2":{"color":"var(--color-warning)","--range-thumb":"var(--color-warning-content)"}},".range-info":{"@layer daisyui.l1.l2":{"color":"var(--color-info)","--range-thumb":"var(--color-info-content)"}},".range-error":{"@layer daisyui.l1.l2":{"color":"var(--color-error)","--range-thumb":"var(--color-error-content)"}},".range-xs":{"@layer daisyui.l1.l2":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 4)"}},".range-sm":{"@layer daisyui.l1.l2":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 5)"}},".range-md":{"@layer daisyui.l1.l2":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 6)"}},".range-lg":{"@layer daisyui.l1.l2":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 7)"}},".range-xl":{"@layer daisyui.l1.l2":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 8)"}},".range-vertical":{"@layer daisyui.l1.l2":{"writing-mode":"vertical-lr","direction":"rtl","width":"var(--range-thumb-size)","height":"clamp(3rem, 20rem, 100%)","--range-fill-x":"0","--range-fill-y":"calc(100cqh + var(--range-thumb-size) / 2)","--range-fill-spread":"calc(100cqh * var(--range-fill))","&::-webkit-slider-runnable-track":{"height":"100%","width":"calc(var(--range-thumb-size) * 0.5)"},"&::-webkit-slider-thumb":{"transform":"translateX(-50%)"},"&::-moz-range-track":{"height":"100%","width":"calc(var(--range-thumb-size) * 0.5)"}}}};