tailwind.config.ts 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. import { nextui } from "@nextui-org/react";
  2. import type { Config } from "tailwindcss";
  3. const fontSize: any = Array.from({ length: 100 }).reduce((map: any, _, index) => {
  4. map[index] = `${index}px`;
  5. return map;
  6. }, {});
  7. const config: Config = {
  8. content: [
  9. "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
  10. "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
  11. "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  12. "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  13. ],
  14. theme: {
  15. extend: {
  16. fontSize,
  17. backgroundImage: {
  18. "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
  19. "gradient-conic":
  20. "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
  21. },
  22. },
  23. },
  24. plugins: [
  25. nextui({
  26. layout: {
  27. fontSize: {
  28. // tiny: "10px", // text-tiny
  29. // small: "12px", // text-small
  30. // medium: "14px", // text-medium
  31. // large: "16px", // text-large
  32. },
  33. },
  34. themes: {
  35. dark: {
  36. colors: {
  37. primary: "#ff6a01",
  38. },
  39. },
  40. light: {},
  41. },
  42. }),
  43. ],
  44. };
  45. export default config;