// tailwind config file
import plugin from 'tailwindcss/plugin';

export default {
  mode: 'jit',
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        wechatColor: '#79b542',
        qqColor: '#2f85c4',
        alipayColor: '#e9ebea',
        loginBG: '#f2f2f2',
        darkLoginBG: '#1a1a1a',
      },
      letterSpacing: {
        doublewidest: '.2em',
      },
    },
    screens: {
      sm: '640px',
      md: '800px',
      lg: '1000px',
      xl: '1280px',
      '2xl': '1536px',
    },
  },
  plugins: [
    plugin(function ({ addUtilities }) {
      addUtilities({
        '.scrollbar-hide': {
          /* IE and Edge */
          '-ms-overflow-style': 'none',

          /* Firefox */
          'scrollbar-width': 'none',

          /* Safari and Chrome */
          '&::-webkit-scrollbar': {
            display: 'none',
          },
        },
      });
    }),
  ],
  content: [
    './app.vue',
    './components/**/*.{vue,js,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
  ],
};