-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
41 lines (38 loc) · 1.08 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
const colorVariants = ['primary', 'secondary', 'accent', 'danger', 'gray'];
const backgroundColors = {};
for (const c of colorVariants) {
backgroundColors[c] = {};
for (const n of [0, 25, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900]) {
backgroundColors[c][n] = function ({ opacityVariable, opacityValue }) {
if (opacityValue !== undefined) {
return `hsla(var(--color-${c}-${n}), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `hsla(var(--color-${c}-${n}), var(${opacityVariable}, 1))`;
}
return `hsl(var(--color-${c}-${n}))`;
};
}
}
const white = ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `hsla(0, 100%, 100%, ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `hsla(0, 100%, 100%, var(${opacityVariable}, 1))`;
}
return `hsl(1, 100%, 100%)`;
};
module.exports = {
mode: 'jit',
purge: ['./src/**/*.{js,ts,jsx,tsx}'],
darkMode: 'class',
theme: {
colors: {
white,
...backgroundColors,
},
},
variants: {},
plugins: [],
};