IT
tailwind 기본 설정 / tailwind is not working
agnusdei1207
2023. 4. 25. 17:22
반응형
SMALL
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{html,ts,js,scss}"],
theme: {
extend: {
colors: {
primary: generateColors("#001650"),
menuHover: generateColors("#1A2D62"),
primarylighter: generateColors("#334573"),
danger: generateColors("#dc2626"),
user: generateColors("#009E23"),
branch: generateColors("#9E007A"),
menu: generateColors("#9E7200"),
success: generateColors("#047857"),
complete: generateColors("#5B21B6"),
send: generateColors("#1D4ED8"),
backgroundCancel: generateColors("#D9D9D9"),
cancelX: generateColors("#8A9099"),
manufacturing: generateColors("#064E3B"),
},
},
},
plugins: [],
};
function generateColors(color) {
const { toneMap } = require("@nextcss/color-tools");
return {
DEFAULT: color,
...toneMap(color),
};
}
반응형
LIST