-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
129 lines (118 loc) · 2.67 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
/** @type {import('tailwindcss').Config} */
const plugin = require('tailwindcss/plugin')
module.exports = {
content: [
'src/**/*.vue',
'src/plugins/**/*.js'
],
theme: {
extend: {
textShadow: {
"sm": '0 1px 2px var(--tw-shadow-color)',
"DEFAULT": '0 2px 4px var(--tw-shadow-color)',
"lg": '0 8px 16px var(--tw-shadow-color)',
},
boxShadow: {
'3xl': '0 35px 60px -15px rgba(0, 0, 0, 0.3)',
},
width: {
'18': '4.5rem',
'22': '5.5rem',
'26': '6.5rem',
'30': '7.5rem',
'34': '8.5rem',
'38': '9.5rem',
'42': '10.5rem',
'46': '11.5rem',
'50': '12.5rem',
},
translate: {
'17': '4.25rem',
'18': '4.5rem',
'22': '5.5rem',
'23': '5.75rem',
'26': '6.5rem',
'30': '7.5rem',
'34': '8.5rem',
'38': '9.5rem',
'42': '10.5rem',
'46': '11.5rem',
'50': '12.5rem',
},
colors: {
"nord-dark": {
100: "#2E3440",
200: "#3B4252",
300: "#434C5E",
400: "#4C566A",
500: "#5c6578"
},
"nord-light": {
100: "#c4cad4",
200: "#D8DEE9",
300: "#E5E9F0",
400: "#ECEFF4",
500: "#f1f2f7"
},
"nord-blue": {
100: "#6a859f",
200: "#7592af",
300: "#81a1c1",
400: "#8caac7",
500: "#96b2cc"
},
"nord-green": {
100: "#879d73",
200: "#94AD7F",
300: "#A3BE8C",
400: "#ABC496",
500: "#b3c9a0"
},
"nord-red": {
100: "#9f5158",
200: "#AF5961",
300: "#BF616A",
400: "#C56F78",
500: "#ca7c84"
},
"nord-orange": {
100: "#ac705d",
200: "#BD7B66",
300: "#D08770",
400: "#D4927D",
500: "#d89c89"
},
"nord-yellow": {
100: "#bdaa6a",
200: "#CEB575",
300: "#DDBF80",
400: "#E5C98A",
500: "#ebd393"
},
"nord-mauve": {
100: "#95758f",
200: "#A4819D",
300: "#B48EAD",
400: "#BB98B4",
500: "#c1a1bb"
},
},
},
},
plugins: [
require('@tailwindcss/forms'),
require('flowbite/plugin'),
plugin(function ({ matchUtilities, theme }) {
matchUtilities(
{
'text-shadow': (value) => ({
textShadow: value,
}),
},
{
values: theme('textShadow')
}
)
}),
],
}