@fpxfd/next/lib/timeline/variable.css

A configurable component library for web built on React.

:root {
--timeline-item-node-size: 16px;
--timeline-item-custom-node-size: 40px;
--timeline-item-custom-node-font-size: 12px;
--timeline-item-node-padding: 4px;
--timeline-item-dot-size: 8px;
--timeline-item-icon-size: 12px;
--timeline-item-tail-size: 1px;
--timeline-item-left-content-width: 80px;
--timeline-item-content-margin-left: 12px;
--timeline-item-body-margin-top: 4px;
--timeline-item-title-font-size: 12px;
--timeline-item-title-font-weight: bold;
--timeline-item-title-margin-top: 4px;
--timeline-item-time-margin-top: 4px;
--timeline-item-time-margin-bottom: 12px;
--timeline-item-body-font-size: 12px;
--timeline-item-left-body-font-size: 12px;
--timeline-item-time-font-size: 12px;
--timeline-item-folder-font-size: 12px;
--timeline-item-folder-margin-top: 4px;
--timeline-item-folder-margin-bottom: 4px;
--timeline-item-title-color: #545d75;
--timeline-item-body-color: #767d91;
--timeline-item-left-body-color: #a9aeba;
--timeline-item-time-color: #a9aeba;
--timeline-item-tail-color: #dadfe8;
--timeline-item-done-dot-size: 8px;
--timeline-item-done-background: #dee1e4;
--timeline-item-done-color: #FFFFFF;
--timeline-item-process-dot-size: 8px;
--timeline-item-process-background: #284cc0;
--timeline-item-process-color: #FFFFFF;
--timeline-item-success-dot-size: 8px;
--timeline-item-success-background: #18bd92;
--timeline-item-success-color: #FFFFFF;
--timeline-item-error-dot-size: 8px;
--timeline-item-error-background: #f85359;
--timeline-item-error-color: #FFFFFF;
}