@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 866 B
JavaScript
;var e=require("../../BrandCore/primitiveVariables.js");const r=e=>Array.isArray(e);exports.sliderTrack=(t,i)=>({height:e.space[100],padding:`${e.space[100]}px 0`,"& .MuiSlider-rail":{width:`calc(100% + ${e.space[400]}px)`,left:`-${e.space[200]}px`,backgroundColor:t.custom.palette.icon.disabled,opacity:1},"& .MuiSlider-track":{position:"relative",border:"none",backgroundColor:t.custom.palette.purple[500],"&:before":{content:'""',position:"absolute",top:0,left:i&&r(i)?`-${e.space[100]+1}px`:`-${e.space[200]+1}px`,width:`calc(100% + ${e.space[200]}px)`,height:"100%",borderRadius:"inherit",backgroundColor:"inherit"}},"& .MuiSlider-mark":{height:e.space[50],width:e.space[50],borderRadius:t.custom.radius.round,backgroundColor:t.custom.palette.text.primaryInverted,"&.MuiSlider-markActive":{backgroundColor:t.custom.palette.text.primaryInverted}}});