tailwind.config.js

const production = !process.env.ROLLUP_WATCH;
module.exports = {
  variants: {
    extend: {
      width: ["responsive", "hover", "focus"],
      grid: ["responsive", "hover", "focus"],
      gridTemplateColumns: ["responsive", "hover", "focus"],
    },
  },
  theme: {
    extend: {
      animation: {
        // spin for 1 second and stop
        "spin-1s": "spin 1s linear infinite",
      },
      backgroundImage: {
        "background-1": "url('../public/img/background-1.jpg')",
      },
      spacing: {
        100: "30rem",
        200: "40rem",
        300: "50rem",
      },
      height: {
        sm: "8px",
        md: "16px",
        lg: "24px",
        xl: "480px",
        "2xl": "700px",
      },
      width: {
        sm: "8px",
        md: "16px",
        lg: "24px",
        xl: "480px",
        "2xl": "1250px",
      },
      colors: {
        transparent: "transparent",
        current: "currentColor",
        teal: {
          100: "#00e6e6",
          200: "#00e6e6",
          300: "#00d6d6",
          400: "#00cccc",
          500: "#00bdbd",
          600: "#00b3b3",
          700: "#00a3a3",
          800: "#009999",
          900: "#008a8a",
        },
        sienna: {
          100: "#511C29",
          200: "#4C1A27",
          300: "#471A25",
          400: "#3D151F",
          500: "#2E1017",
        },
        palette: {
          100: "#F9F8F8",
          200: "#9D4E65",
          300: "#872C47",
          400: "#872C47",
          500: "#831E3C",
          600: "#831636",
          700: "#6D0F2F",
          800: "#41101F",
          900: "#120307",

        },
        ranks: {
          100: "#8f563f"
        },
      },
      borderRadius: {
        "4xl": "2rem",
        "5xl": "2.5rem",
        "6xl": "3rem",
      },
    },
  },
  future: {
    purgeLayersByDefault: true,
    removeDeprecatedGapUtilities: true,
  },
  plugins: [require('tw-elements/dist/plugin')],
  purge: {
    content: ["./src/App.svelte", './node_modules/tw-elements/dist/js/**/*.js'],
    enabled: production, // disable purge in dev
  },
};