-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
86 lines (85 loc) · 2.61 KB
/
tailwind.config.cjs
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import forms from "@tailwindcss/forms";
import typography from "@tailwindcss/typography";
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: "selector",
theme: {
extend: {
colors: {
gray: {
100: '#f7fafc',
200: '#edf2f7',
300: '#e2e8f0',
400: '#cbd5e0',
500: '#a0aec0',
600: '#718096',
700: '#4a5568',
800: '#2d3748',
900: '#1a202c',
},
blue: {
100: '#ebf8ff',
200: '#bee3f8',
300: '#90cdf4',
400: '#63b3ed',
500: '#4299e1',
600: '#3182ce',
700: '#2b6cb0',
800: '#2c5282',
900: '#2a4365',
},
primary: {
lightest: '#e8f3fc',
light: '#1780D4',
DEFAULT: '#19639e',
dark: '#08406e',
},
secondary: {
DEFAULT: '#2D3748',
}
},
backgroundPosition: {
'center-top': 'center top',
},
typography: (theme) => ({
DEFAULT: {
css: {
color: theme('colors.gray.700'),
h1: {
color: theme('colors.gray.700'),
},
h2: {
color: theme('colors.gray.700'),
},
h3: {
color: theme('colors.gray.700'),
},
h4: {
color: theme('colors.gray.700'),
},
h5: {
color: theme('colors.gray.700'),
},
h6: {
color: theme('colors.gray.700'),
},
a: {
color: theme('colors.blue.800'),
fontWeight: theme('fontWeight.semibold'),
textDecoration: 'none',
'&:hover': {
textDecoration: 'underline',
},
},
},
},
}),
},
},
plugins: [
forms, typography
],
content: [
'./resources/**/*.blade.php',
],
}