UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

30 lines (27 loc) 931 B
.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; }