깜놀하는 해므찌로

tailwind 기본 설정 / tailwind is not working 본문

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