@sil/slider NPM

Slider

property	default
`--grid`	`(100vw / 24)`
`--slider-opacity`	`0`
`--slider-translate`	`100%`
`--slider-next-opacity`	`0`
`--slider-next-translate`	`100%`
`--slider-prev-opacity`	`0`
`--slider-prev-translate`	`-100%`
`--slider-active-opacity`	`0`
`--slider-active-translate`	`0`
`--slider-count-background`	`black`
`--slider-count-text`	`white`
`--slider-arrow-background`	`white`
`--slider-arrow-color`	`currentColor`
`--slider-arrow-focus-background`	`currentColor`
`--slider-arrow-focus-color`	`white`
`--slider-nav-left`	`var(--grid)`
`--slider-nav-width`	`calc(100vw - (var(--grid) * 2))`
`--slider-nav-button-background`	`transparent`
`--slider-nav-color`	`currentColor`
`--slider-nav-space`	`1rem`
`--slider-time`	`3000ms`