This repository has been archived on 2022-08-14. You can view files and clone it, but cannot push or open issues or pull requests.
2017-05-26 04:59:35 +00:00
|
|
|
// @flow
|
|
|
|
|
2017-07-09 05:12:14 +00:00
|
|
|
export const layout = {
|
|
|
|
padding: '1.5vw 1.875vw',
|
|
|
|
vpadding: '1.5vw',
|
|
|
|
hpadding: '1.875vw',
|
|
|
|
sidebarWidth: '22%',
|
|
|
|
sidebarMinWidth: '250px',
|
|
|
|
sidebarMaxWidth: '350px',
|
|
|
|
};
|
|
|
|
|
2017-05-26 04:59:35 +00:00
|
|
|
export const size = {
|
|
|
|
tiny: '2px',
|
|
|
|
small: '4px',
|
|
|
|
medium: '8px',
|
|
|
|
large: '16px',
|
|
|
|
huge: '24px',
|
|
|
|
enormous: '32px',
|
|
|
|
};
|
|
|
|
|
|
|
|
export const fontSize = {
|
|
|
|
small: '14px',
|
|
|
|
medium: '16px',
|
|
|
|
large: '18px',
|
|
|
|
huge: '24px',
|
|
|
|
};
|
|
|
|
|
|
|
|
export const fontWeight = {
|
|
|
|
ultraLight: 100,
|
|
|
|
thin: 200,
|
|
|
|
light: 300,
|
|
|
|
regular: 400,
|
|
|
|
medium: 500,
|
|
|
|
demiBold: 600,
|
|
|
|
bold: 700,
|
|
|
|
heavy: 800,
|
|
|
|
};
|
|
|
|
|
|
|
|
export const color = {
|
2017-07-09 05:12:14 +00:00
|
|
|
text: '#171B35',
|
|
|
|
|
2017-05-26 04:59:35 +00:00
|
|
|
/* Brand */
|
2017-07-10 03:02:10 +00:00
|
|
|
primary: '#2B8FBF',
|
2017-05-26 04:59:35 +00:00
|
|
|
|
|
|
|
/* Dark Grays */
|
|
|
|
slate: '#9BA6B2',
|
|
|
|
slateLight: '#DAE1E9',
|
|
|
|
slateDark: '#4E5C6E',
|
|
|
|
|
|
|
|
/* Light Grays */
|
|
|
|
smoke: '#F4F7FA',
|
|
|
|
smokeLight: '#F9FBFC',
|
2017-07-18 04:46:32 +00:00
|
|
|
smokeDark: '#E8EBED',
|
2017-05-26 04:59:35 +00:00
|
|
|
|
|
|
|
/* Misc */
|
|
|
|
white: '#FFFFFF',
|
|
|
|
black: '#000000',
|
|
|
|
};
|