-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
50 lines (50 loc) · 2.16 KB
/
tailwind.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
module.exports = {
mode: 'jit',
purge: ['./components/**/*.{vue,js}', './layouts/**/*.vue', './pages/**/*.vue', './slices/**/*.vue', './plugins/**/*.{js,ts}', './nuxt.config.ts'],
theme: {
screens: {
mobile: '380px',
tablet: '768px',
laptop: '1024px',
desktop: '1280px',
},
colors: {
'revolve-red': '#D92525',
void: '#1E1E1E',
drywall: '#C8C4BC',
putty: '#F1F7FA',
'copy-paper': '#FFFFFF',
plywood: '#F0E794',
petal: '#B9B6DB',
pollen: '#EBD999',
dust: '#C4A55C',
LED: '#EBE722',
'astro-turf': '#66AB56',
},
fontFamily: {
'zaft2-c': 'Zaft2 C, slab-serif',
'zaft2-b': 'Zaft2 B, slab-serif',
'zaft2-a': 'Zaft2 A, slab-serif',
'sans-light': 'EH Normal Light, Helvetica, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
'sans-regular': 'EH Normal Regular, Helvetica, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
'sans-bold': 'EH Normal Bold, Helvetica, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
condensed: 'Tex Gyre Heros Condensed, Helvetica, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
slab: 'Zaft2 C, Rockwell, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
},
borderWidth: {
'0': 0,
'1': '1px',
'2': '2px',
'4': '4px',
},
aspectRatio: {
auto: 'auto',
square: '1 / 1',
video: '16 / 9',
'two-three': '2 / 3',
'three-two': '3 / 2',
'four-three': '4 / 3',
'three-four': '3 / 4'
}
}
};