UNPKG

2.39 kBJavaScriptView Raw
1'use strict';
2
3Object.defineProperty(exports, "__esModule", {
4 value: true
5});
6var colors = exports.colors = {
7 white: '#FFFFFF',
8 grey: '#A3A3A2',
9 black: '#2B282B',
10 dim: '#EBEBEB',
11 primary: 'red',
12 secondary: 'blue'
13};
14
15var font = exports.font = {
16 base: 'Rubik, sans-serif',
17 header: 'Montserrat, sans-serif'
18};
19
20var breakpoints = exports.breakpoints = {
21 tiny: '1px',
22 small: '33.75em',
23 medium: '48em',
24 wide: '76.25em',
25 extraWide: '90em',
26 'extra-wide': '90em'
27};
28
29var grid = exports.grid = {
30 tiny: {
31 gutter: '0.75rem',
32 offset: '0.875rem',
33 maxWidth: '35rem'
34 },
35 small: {
36 gutter: '0.75rem',
37 offset: '0.875rem',
38 maxWidth: '35rem'
39 },
40 medium: {
41 gutter: '1rem',
42 offset: '1.75rem',
43 maxWidth: '64.25rem'
44 },
45 wide: {
46 gutter: '1.5rem',
47 offset: '3.375rem',
48 maxWidth: '85rem'
49 },
50 'extra-wide': {
51 gutter: '2.5rem',
52 offset: '8.75rem',
53 maxWidth: '100rem'
54 }
55};
56
57var spacing = exports.spacing = {
58 micro: '0.3125em',
59 tiny: '0.625rem',
60 small: '0.875rem',
61 regular: '1rem',
62 medium: '1.25rem',
63 large: '1.875rem',
64 huge: '2.5rem',
65 jumbo: '3.75rem'
66};
67
68var spacingPerBreakpoint = exports.spacingPerBreakpoint = {
69 tiny: {
70 tiny: '0.25rem'
71 },
72 small: {
73 tiny: '0.625rem',
74 small: '0.625rem',
75 medium: '0.625rem',
76 wide: '0.625rem',
77 'extra-wide': '0.625rem'
78 },
79 regular: {
80 tiny: '1rem',
81 small: '1rem',
82 medium: '1rem',
83 wide: '1rem',
84 'extra-wide': '1rem'
85 },
86 increased: {
87 tiny: '1.125rem',
88 small: '1.125rem',
89 medium: '1.25rem',
90 wide: '1.25rem',
91 'extra-wide': '1.25rem'
92 },
93 medium: {
94 tiny: '1.25rem',
95 small: '1.125rem',
96 medium: '1.875rem',
97 wide: '2.5rem',
98 'extra-wide': '2.5rem'
99 },
100 large: {
101 tiny: '1.875rem',
102 small: '1.875rem',
103 medium: '3.75rem',
104 wide: '3.75rem',
105 'extra-wide': '3.75rem'
106 },
107 huge: {
108 tiny: '2.5rem',
109 small: '2.5rem',
110 medium: '5rem',
111 wide: '5rem',
112 'extra-wide': '5rem'
113 },
114 jumbo: {
115 tiny: '3.125rem',
116 small: '3.125rem',
117 medium: '6.25rem',
118 wide: '6.25rem',
119 'extra-wide': '6.25rem'
120 },
121 mega: {
122 tiny: '5rem',
123 small: '5rem',
124 medium: '6.25rem',
125 wide: '10rem',
126 'extra-wide': '10rem'
127 }
128};
129
130exports.default = {
131 grid: grid,
132 font: font,
133 colors: colors,
134 spacing: spacing,
135 breakpoints: breakpoints
136};
\No newline at end of file