You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.1 KiB
61 lines
1.1 KiB
6 years ago
|
export const space = [0, 4, 8, 16, 32, 64, 128, 256]
|
||
|
|
|
||
|
|
export const palette = {
|
||
|
|
white: '#ffffff',
|
||
|
|
black: '#000',
|
||
|
|
gray: '#959595',
|
||
|
|
lightningOrange: '#fd9800',
|
||
|
|
lightningBrown: '#4a2c00',
|
||
|
|
deepseaBlue: '#242633',
|
||
|
|
seaBlue: '#313340',
|
||
|
|
underwaterBlue: '#353745',
|
||
|
|
superGreen: '#39e673',
|
||
|
|
pineGreen: '#0d331a',
|
||
|
|
superRed: '#e63939',
|
||
|
|
mudBrown: '#330d0d'
|
||
|
|
}
|
||
|
|
|
||
|
|
export const fontSizes = {
|
||
|
|
xxs: '8px',
|
||
|
|
xs: '10px',
|
||
|
|
s: '11px',
|
||
|
|
m: '13px',
|
||
|
|
l: '15px',
|
||
|
|
xl: '18px',
|
||
|
|
xxl: '30px',
|
||
|
|
xxxl: '60px'
|
||
|
|
}
|
||
|
|
fontSizes[0] = fontSizes['xxs']
|
||
|
|
fontSizes[1] = fontSizes['xs']
|
||
|
|
fontSizes[2] = fontSizes['s']
|
||
|
|
fontSizes[3] = fontSizes['m']
|
||
|
|
fontSizes[4] = fontSizes['l']
|
||
|
|
fontSizes[5] = fontSizes['xl']
|
||
|
|
fontSizes[6] = fontSizes['xxl']
|
||
|
|
fontSizes[7] = fontSizes['xxxl']
|
||
|
|
|
||
|
|
export const fontWeights = {
|
||
|
|
normal: 400,
|
||
|
|
bold: 600
|
||
|
|
}
|
||
|
|
|
||
|
|
export const fonts = {
|
||
|
|
0: '"Roboto Light", Roboto, system-ui, sans-serif',
|
||
|
|
sans: '"Roboto Light", Roboto, system-ui, sans-serif',
|
||
|
|
mono: '"SF Mono", "Roboto Mono", Menlo, monospace'
|
||
|
|
}
|
||
|
|
|
||
|
|
export const letterSpacings = {
|
||
|
|
normal: 'normal',
|
||
|
|
caps: '0.025em'
|
||
|
|
}
|
||
|
|
|
||
|
|
export default {
|
||
|
|
space,
|
||
|
|
fontSizes,
|
||
|
|
fontWeights,
|
||
|
|
fonts,
|
||
|
|
letterSpacings,
|
||
|
|
palette
|
||
|
|
}
|