tailwind.config.js

const range = {
  "1/7": "14.2857143%",
  "2/7": "28.5714286%",
  "3/7": "42.8571429%",
  "4/7": "57.1428571%",
  "5/7": "71.4285714%",
  "6/7": "85.7142857%",
  "6.8/7": "97.1428%",
  "25p": "25vw",
  ".5": "5%",
  "1/10": "10%",
  "2/10": "20%",
  "2.5/10": "25%",
  "3/10": "30%",
  "4/10": "40%",
  "5/10": "50%",
  "6/10": "60%",
  "7/10": "70%",
  "8/10": "80%",
  "9/10": "90%",
  "10/10": "100%",
};

module.exports = {
  mode: "jit",
  purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      minWidth: {
        ...range,
      },
      width: {
        ...range
      },
      height: {
        ...range
      },
      colors: {
        red: {
          materialRed: '#C23C3C'
        },
        green: {
          lime: "#68BB66",
        },
        gray: {
          midnight: "#0C0C0D",
          light: "#DDDDDD",
          foreGround: '#242428, 100%'
        },
        blue: {
          materialLightBlue: '#242428'
        }
      },
      screens: {
        '3xl': '2000px'
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};