tailwind.config.js

module.exports = {
  content: [
    './index.html',
    './src/**/*.{html,js}',
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}',
    './app.vue',
  ],
  theme: {
    extend: {
      fontFamily: {
        technica: "'Ubuntu', sans",
        signature: "'Akronim', serif",
        anu: "'anurati', sans",
        roboto: "'roboto', sans",
        garamond_bold: "'ComorantGaramond-Bold', serif",
        garamond_italic: "'ComorantGaramond-Italic', serif",
        qwitcher_regular: "'QwitcherGrypen-Regular', serif",
        creatures: ["Gamja Flower"],
        garamond: ["EB Garamond", 'serif'],
        cormorant: ["Cormorant", 'serif'],
        alegreya: ["Alegreya", 'serif'],
        cardo: ["Cardo"]
      },
      colors: {
        'heading_beige': '#F4BC96',
        'subtitle': '#630B22',
        'drop_down': '#15273A',
        'italic_sub': '#1A5C83',
        'header_blue': '#144562'
      },
      animation: {
        'gradient-x': 'gradient-x 10s ease infinite',
        'gradient-y': 'gradient-y 10s ease infinite',
        'gradient-xy': 'gradient-xy 10s ease infinite',
      },
      keyframes: {
        'gradient-y': {
          '0%, 100%': {
            'background-size': '400% 400%',
            'background-position': 'center top',
          },
          '50%': {
            'background-size': '200% 200%',
            'background-position': 'center center',
          },
        },
        'gradient-x': {
          '0%, 100%': {
            'background-size': '200% 200%',
            'background-position': 'left center',
          },
          '50%': {
            'background-size': '200% 200%',
            'background-position': 'right center',
          },
        },
        'gradient-xy': {
          '0%, 100%': {
            'background-size': '400% 400%',
            'background-position': 'left center',
          },
          '50%': {
            'background-size': '200% 200%',
            'background-position': 'right center',
          },
        },
      },
    },
    screens: {
      xsm: { min: '10px', max: '299px' },
      sm: { min: '10px', max: '767px' },
      // => @media (min-width: 640px and max-width: 767px) { ... }

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

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

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

      '2xl': { min: '1536px' },
      // => @media (min-width: 1536px) { ... }
    },
  },
  plugins: [],
};