tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./*.{html,js}", "./!(build|dist|.*)/**/*.{html,js}"],
  theme: {
    extend: {
      colors: {
        black1: "#000",
        gray: {
          "100": "#252a34",
          "200": "#0e0e0e",
          "300": "rgba(255, 255, 255, 0.4)",
          "400": "rgba(255, 255, 255, 0.3)",
          "500": "rgba(0, 0, 0, 0.2)",
          "600": "rgba(255, 255, 255, 0.74)",
        },
        royalblue: "#367cff",
        bg: "#fefdfc",
        black: "#0b0706",
        white: "#fff",
        aliceblue: "rgba(235, 240, 249, 0.3)",
        "primary-text": "#1d2130",
        yellow: "#f2c94c",
        darkgoldenrod: "#b78a00",
        lemonchiffon: "#fef0c5",
        lightgray: "#d9d7d7",
        "secondary-text": "#525560",
        dimgray: "#555",
        gold: {
          "100": "rgba(255, 192, 0, 0.7)",
          "200": "rgba(255, 192, 0, 0.32)",
        },
        red: "#ff0000",
        beige: "#f8f1dc",
        khaki: "#e8c868",
        palegoldenrod: "#feeaab",
        gainsboro: "#d9d9d9",
        goldenrod: {
          "100": "#ffd349",
          "200": "rgba(242, 201, 76, 0.12)",
        },
        whitesmoke: "#eee",
        border: "#e5e5e5",
      },
      spacing: {},
      fontFamily: {
        poppins: "Poppins",
        "paragraph-small": "Roboto",
        courgette: "Courgette",
        inter: "Inter",
        montserrat: "Montserrat",
        nunito: "Nunito",
        h5: "'Playfair Display'",
      },
      borderRadius: {
        "4xs": "9px",
        "8xs": "5px",
        "12xs": "1px",
        xl: "20px",
        "3xs": "10px",
      },
    },
    fontSize: {
      xs: "12px",
      base: "16px",
      sm: "14px",
      "21xl": "40px",
      "6xl": "25px",
      "5xl": "24px",
      "7xl": "26px",
      "30xl": "49px",
      "24xl": "43px",
      "20xl": "39px",
      "29xl": "48px",
      xl: "20px",
      lg: "18px",
      "9xl": "28px",
      inherit: "inherit",
    },
  },
  corePlugins: {
    preflight: false,
  },
};