@fpxfd/next
Version:
A configurable component library for web built on React.
36 lines (35 loc) • 1.51 kB
CSS
:root {
--range-size-m-track-height: 4px;
--range-size-m-scale-height: 12px;
--range-size-m-scale-item-border-width: 1px;
--range-size-m-slider-hw: 16px;
--range-size-slider-border-style: solid;
--range-size-slider-border-width: 1px;
--range-size-m-mark-top: 30px;
--range-size-m-mark-font-size: 12px;
--range-size-m-mark-font-weight: normal;
--range-size-m-mark-font-lineheight: 20px;
--range-size-m-track-radius: 0px;
--range-size-m-scale-radius: 0px;
--range-size-m-slider-shadow-moving: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
--range-normal-unselected-color: #dee1e4;
--range-normal-selected-color: #284cc0;
--range-normal-slider-bg-color: #FFFFFF;
--range-normal-mark-color: #a9aeba;
--range-normal-mark-selected-color: #545d75;
--range-normal-unselected-color-hover: #dee1e4;
--range-normal-selected-color-hover: #284cc0;
--range-normal-slider-bg-color-hover: #FFFFFF;
--range-size-m-slider-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
--range-size-m-slider-shadow-hover: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
--range-normal-mark-color-hover: #a9aeba;
--range-normal-mark-selected-color-hover: #545d75;
--range-normal-slider-border-color-hover: transparent;
--range-normal-unselected-color-disabled: #dee1e4;
--range-normal-selected-color-disabled: #c3cbd5;
--range-normal-slider-bg-color-disabled: #eef1f6;
--range-normal-slider-border-color: #dee1e4;
--range-normal-slider-border-color-disabled: #eef1f6;
--range-normal-mark-color-disabled: #c3cbd5;
--range-normal-mark-selected-color-disabled: #a9aeba;
}