51 lines
928 B
JavaScript
51 lines
928 B
JavaScript
// if you change these you must restart the server
|
|
|
|
module.exports = {
|
|
|
|
// colors
|
|
lightestGrey: '#E6E6E6',
|
|
lighterGrey: '#F7F8F8',
|
|
lightGrey: '#F6F6F6',
|
|
lightishGrey: '#51555D',
|
|
grey: '#313D3E',
|
|
darkGrey: '#2F3132',
|
|
darkerGrey: '#1E1F21',
|
|
blueGrey: '#BCC2CE',
|
|
lightGreen: '#97bf2f',
|
|
green: '#C9FA4B',
|
|
darkGreen: '#7CA511',
|
|
darkerGreen: '#628013',
|
|
shadeBlue: '#EFF0F4',
|
|
blue: '#3A69C7',
|
|
|
|
// typography
|
|
thin: 100,
|
|
light: 300,
|
|
regular: 400,
|
|
semibold: 500,
|
|
bold: 700,
|
|
black: 900,
|
|
|
|
// fonts
|
|
roboto: "'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
|
|
|
|
// padding
|
|
micro: '8px',
|
|
tiny: '16px',
|
|
small: '24px',
|
|
medium: '40px',
|
|
large: '64px',
|
|
xl: '104px',
|
|
xxl: '152px',
|
|
|
|
// border radius
|
|
borderRadius: '4px',
|
|
largeBorderRadius: '8px',
|
|
|
|
// responsive breakpoints
|
|
mobile: '480px',
|
|
tablet: '768px',
|
|
desktop: '960px',
|
|
display: '1200px'
|
|
}
|