tailwind.config.js

/* eslint-env node */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  extend: {
    theme: {
      // spacing: {
      //   1: "0.25rem",
      //   2: "0.5rem",
      //   3: "0.75rem",
      //   4: "1rem",
      //   5: "1.25rem",
      //   6: "1.5rem",
      //   7: "1.75rem",
      //   8: "2rem",
      //   9: "2.25rem",
      //   10: "2.5rem",
      //   11: "2.75rem",
      //   12: "3rem",
      //   16: "4rem",
      //   20: "5rem",
      //   24: "6rem",
      //   28: "7rem",
      //   32: "8rem",
      //   36: "9rem",
      //   40: "10rem",
      //   44: "11rem",
      //   48: "12rem",
      //   52: "13rem",
      //   56: "14rem",
      //   60: "15rem",
      //   64: "16rem",
      //   68: "17rem",
      //   72: "18rem",
      //   76: "19rem",
      //   80: "20rem",
      //   84: "21rem",
      //   88: "22rem",
      // },
      // colors: { lightRed: "#FEE2E2" },
      animation: {
        turn360: "spin 200ms ease-in-out",
      },
    },
  },
  plugins: [require("@tailwindcss/forms")],
};