live-code-demo/tailwind.config.cjs

105 lines
2.8 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
primary: {
1: "var(--primary-1)",
2: "var(--primary-2)",
3: "var(--primary-3)",
4: "var(--primary-4)",
5: "var(--primary-5)",
6: "var(--primary-6)",
7: "var(--primary-7)",
},
success: {
1: "var(--success-1)",
2: "var(--success-2)",
3: "var(--success-3)",
4: "var(--success-4)",
5: "var(--success-5)",
6: "var(--success-6)",
7: "var(--success-7)",
},
warning: {
1: "var(--warning-1)",
2: "var(--warning-2)",
3: "var(--warning-3)",
4: "var(--warning-4)",
5: "var(--warning-5)",
6: "var(--warning-6)",
7: "var(--warning-7)",
},
danger: {
1: "var(--danger-1)",
2: "var(--danger-2)",
3: "var(--danger-3)",
4: "var(--danger-4)",
5: "var(--danger-5)",
6: "var(--danger-6)",
7: "var(--danger-7)",
},
link: {
1: "var(--link-1)",
2: "var(--link-2)",
3: "var(--link-3)",
4: "var(--link-4)",
5: "var(--link-5)",
6: "var(--link-6)",
7: "var(--link-7)",
},
background: {
1: "var(--color-bg-1)",
2: "var(--color-bg-2)",
3: "var(--color-bg-3)",
4: "var(--color-bg-4)",
5: "var(--color-bg-5)",
white: "var(--color-bg-white)",
},
text: {
1: "var(--color-text-1)",
2: "var(--color-text-2)",
3: "var(--color-text-3)",
4: "var(--color-text-4)",
},
border: {
1: "var(--color-border-1)",
2: "var(--color-border-2)",
3: "var(--color-border-3)",
4: "var(--color-border-4)",
},
fill: {
1: "var(--color-fill-1)",
2: "var(--color-fill-2)",
3: "var(--color-fill-3)",
4: "var(--color-fill-4)",
},
// data
data: {
1: "var(--data-1)",
2: "var(--data-2)",
3: "var(--data-3)",
4: "var(--data-4)",
5: "var(--data-5)",
6: "var(--data-6)",
7: "var(--data-7)",
8: "var(--data-8)",
9: "var(--data-9)",
10: "var(--data-10)",
11: "var(--data-11)",
12: "var(--data-12)",
13: "var(--data-13)",
14: "var(--data-14)",
15: "var(--data-15)",
16: "var(--data-16)",
17: "var(--data-17)",
18: "var(--data-18)",
19: "var(--data-19)",
20: "var(--data-20)",
}
},
},
},
};