/** @format */
const { color } = require('echarts');
const colors = require('tailwindcss/colors')

module.exports = {
  mode: "jit",
  purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    screens: {
      'sm': '640px',
      // => @media (min-width: 640px) { ... }

      'md': '768px',
      // => @media (min-width: 768px) { ... }

      'lg': '1024px',
      // => @media (min-width: 1024px) { ... }

      'xl': '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }
    },
    extend: {
      gridTemplateColumns:{
        '25': 'repeat(25, minmax(0, 1fr))'
      },
      screen: {
        "3xl": "2000px",
      },
      colors: {
        primary: colors.blue,
        sky: colors.sky,
        cyan: colors.cyan,
      },
    },
    
  },
  variants: {
    extend: {},
  },
  plugins: [require("tailwind-scrollbar-hide"),require('@tailwindcss/forms')],
};
