@react95/core
Version:
Windows 95 styleguide
77 lines (76 loc) • 1.75 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const space = {
"0": "0px",
"1": "1px",
"2": "2px",
"3": "3px",
"4": "4px",
"5": "5px",
"6": "6px",
"7": "7px",
"8": "8px",
"9": "9px",
"10": "10px",
"11": "11px",
"12": "12px",
"13": "13px",
"14": "14px",
"15": "15px",
"16": "16px",
"17": "17px",
"18": "18px",
"19": "19px",
"20": "20px"
};
const colors = {
anchor: "",
anchorVisited: "",
borderDark: "",
borderDarkest: "",
borderLight: "",
borderLighter: "",
borderLightest: "",
canvas: "",
canvasText: "",
headerBackground: "",
headerNotActiveBackground: "",
headerNotActiveText: "",
headerText: "",
material: "",
materialText: "",
materialTextDisabled: "",
materialTextDisabledShadow: "",
materialTextInvert: "",
progress: "",
inputBackground: "",
inputBackgroundDisabled: ""
};
const zIndices = {
modal: "2",
tooltip: "3",
taskbar: "3"
};
const generateShadows = (colors2) => {
return {
out: `inset 0.5px 0.5px 0px 0.5px ${colors2.borderLightest},
inset 0 0 0 1px ${colors2.borderDark},
1px 0px 0 0px ${colors2.borderDarkest},
0px 1px 0 0px ${colors2.borderDarkest},
1px 1px 0 0px ${colors2.borderDarkest}`,
in: `inset 0px 0px 0px 0px,
inset 1px 1px 0px 0px ${colors2.borderDark},
0.5px 0.5px 0px 0.5px ${colors2.borderLightest}`,
input: `inset -1px -1px 0 0 ${colors2.material},
inset 1px 1px 0 0 ${colors2.borderDarkest},
0.5px 0.5px 0 0.5px ${colors2.borderLightest}`
};
};
const theme = {
zIndices,
space,
colors
};
exports.generateShadows = generateShadows;
exports.theme = theme;
exports.zIndices = zIndices;