UNPKG

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