@elacity-js/uikit
Version:
React / Material UI Design kit for Elacity project
79 lines (77 loc) • 2.8 kB
JavaScript
const colors = {
primary: '#5edad9',
// primary: '#39D5D5',
vivid: '#FDECB6',
vivid2: '#656E97',
// vivid: '#FF9900',
// vivid: '#39c5d5',
// vivid: '#d539d5',
accent: '#131A22',
text: '#444444',
badge1: '#415A76',
success: '#24ae60',
error: '#c75a5a',
};
const shadows = [
'none',
'0 0 0 1px rgba(63,63,68,0.05), 0 1px 2px 0 rgba(63,63,68,0.15)',
'0 0 1px 0 rgba(0,0,0,0.21), 0 2px 2px -2px rgba(0,0,0,0.15)',
'0 0 1px 0 rgba(0,0,0,0.21), 0 3px 4px -2px rgba(0,0,0,0.15)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 4px 8px -2px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 5px 8px -2px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 6px 12px -4px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 7px 12px -4px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 6px 16px -4px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 7px 16px -4px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 8px 18px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 9px 18px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 10px 20px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 11px 20px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 12px 22px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 13px 22px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 14px 24px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 16px 28px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 18px 30px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 20px 32px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 22px 34px -8px rgba(0,0,0,0.25)',
'0 0 1px 0 rgba(0,0,0,0.31), 0 24px 36px -8px rgba(0,0,0,0.25)',
];
const fontFamily = ['-apple-system', '"Proxima Nova"', 'Arial', 'sans-serif'].join(',');
const commonOptions = {
typography: {
fontFamily,
fontSize: 14,
fontWeightLight: 300,
fontWeightRegular: 400,
fontWeightMedium: 500,
fontWeightBold: 700,
h6: {
fontSize: '1rem',
},
},
shape: {
borderRadius: 12,
},
// breakpoints: {
// values: {
// xs: 0,
// sm: 600,
// md: 1200,
// lg: 1440,
// xl: 1536,
// },
// },
shadows,
layoutSettings: {
appBarDesktop: 56,
appBarMobile: 46,
drawerWidth: 305,
drawerWidthMin: 80,
cardMobileXsWidth: 328,
}
};
export { colors, commonOptions, shadows };
//# sourceMappingURL=common.js.map