-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
67 lines (67 loc) · 1.63 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
module.exports = {
mode: 'jit',
purge: [
'./public/**/*.html',
'./src/**/*.{js,jsx,ts,tsx,vue}',
],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
fontFamily: {
sansSerif: ['Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
monospace: ['LeituraTwo', 'serif'],
},
colors: {
gray: {
100: '#f7f5f2',
200: '#f5f7f8',
300: '#eaeaea',
400: '#cacaca',
500: '#aaaaaa',
600: '#808080',
700: '#202020',
},
primary: {
300: '#dbbc8f4d',
400: '#dbbc8fcc',
500: '#dbbc8f',
600: '#D4A45F',
700: '#A56A0B',
},
secondary: {
300: '#1952524d',
400: '#195252cc',
500: '#195252',
600: '#0B4141',
},
transparent: 'transparent',
'primary-focus': '#dbbc8f40',
'secondary-focus': '#dbbc8f40',
active: '#448084',
black: '#202020',
error: '#DC6869',
red: '#DC6869',
white: '#ffffff',
},
fontSize: {
sm: '0.8125rem', // 13px
base: '1rem', // 16px
lg: '1.125rem', // 18px
xl: '1.25rem', // 20px
'2xl': '1.375rem', // h6 - 22px
'3xl': '1.5rem', // 24px
'4xl': '1.625rem', // h5 - 26px
'5xl': '1.875rem', // h4 - 30px
'6xl': '2.1875rem', // h3 - 35px
'7xl': '2.5rem', // h2 - 40px
'8xl': '3.125rem', // h1 - 50px
'9xl': '4.5rem', // 80px
'10xl': '7rem', // 128px
},
},
},
variants: {
extend: {},
},
plugins: [],
}