40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
|
import sizeVariables from "./_common.mjs";
|
||
|
import { commonLight } from "../../_styles/common/index.mjs";
|
||
|
const self = vars => {
|
||
|
const {
|
||
|
textColor3,
|
||
|
infoColor,
|
||
|
errorColor,
|
||
|
successColor,
|
||
|
warningColor,
|
||
|
textColor1,
|
||
|
textColor2,
|
||
|
railColor,
|
||
|
fontWeightStrong,
|
||
|
fontSize
|
||
|
} = vars;
|
||
|
return Object.assign(Object.assign({}, sizeVariables), {
|
||
|
contentFontSize: fontSize,
|
||
|
titleFontWeight: fontWeightStrong,
|
||
|
circleBorder: `2px solid ${textColor3}`,
|
||
|
circleBorderInfo: `2px solid ${infoColor}`,
|
||
|
circleBorderError: `2px solid ${errorColor}`,
|
||
|
circleBorderSuccess: `2px solid ${successColor}`,
|
||
|
circleBorderWarning: `2px solid ${warningColor}`,
|
||
|
iconColor: textColor3,
|
||
|
iconColorInfo: infoColor,
|
||
|
iconColorError: errorColor,
|
||
|
iconColorSuccess: successColor,
|
||
|
iconColorWarning: warningColor,
|
||
|
titleTextColor: textColor1,
|
||
|
contentTextColor: textColor2,
|
||
|
metaTextColor: textColor3,
|
||
|
lineColor: railColor
|
||
|
});
|
||
|
};
|
||
|
const timelineLight = {
|
||
|
name: 'Timeline',
|
||
|
common: commonLight,
|
||
|
self
|
||
|
};
|
||
|
export default timelineLight;
|