@shopify/polaris
Version:
Shopify’s admin product component library
30 lines (27 loc) • 931 B
CSS
.Polaris-RangeSlider_9f1ur{
--pc-range-slider-input:10;
--pc-range-slider-output:20;
--pc-range-slider-track-height:0.25rem;
--pc-range-slider-thumb-size:1rem;
--pc-track-dashed-border-radius:var(--p-border-radius-100);
}
.Polaris-RangeSlider--trackDashedAfter_8kgtv::after{
content:'';
}
.Polaris-RangeSlider--trackDashed_8xr5k,
.Polaris-RangeSlider--trackDashedAfter_8kgtv::after{
--pc-track-dashed-color:var(--p-color-border);
position:absolute;
height:var(--pc-range-slider-track-height);
width:100%;
background-image:linear-gradient(
to right,
var(--pc-track-dashed-color),
var(--pc-track-dashed-color) 50%,
transparent 50%,
transparent 100%
);
background-size:var(--pc-range-slider-track-height) var(--pc-range-slider-track-height);
border-radius:var(--pc-track-dashed-border-radius);
border-right:var(--pc-track-dashed-border-radius) var(--pc-track-dashed-color) solid;
}