-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathtailwind.config.js
More file actions
44 lines (41 loc) · 1.04 KB
/
tailwind.config.js
File metadata and controls
44 lines (41 loc) · 1.04 KB
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
const _ = require("lodash");
module.exports = {
future: {
purgeLayersByDefault: true,
removeDeprecatedGapUtilities: true,
},
variants: {
scale: ["hover", "group-hover"],
opacity: ["group-hover"],
},
theme: {
extend: {
colors: {
"primary-dark": "#303F9F",
accent: "#9495fb",
"primary-light": "#D1D1E9",
"primary-text": "#212121",
primary: "#2B2C34",
"accent-text": "#757575",
text: "#FFFFFF",
divider: "#BDBDBD",
tertiary: "#e45858",
link: "#6246EA",
},
},
gradients: (theme) => ({
"dark-to-primary": [theme("colors.accent"), theme("colors.primary-dark")],
}),
},
plugins: [
function ({ addUtilities, e, theme }) {
const gradients = theme("gradients", {});
const utilities = _.map(gradients, ([start, end], name) => ({
[`.bg-gradient-${e(name)}`]: {
backgroundImage: `linear-gradient(to right bottom, ${start}, ${end})`,
},
}));
addUtilities(utilities);
},
],
};