const colors = require('tailwindcss/colors')
const appWidth = '1280px'
const sideBarWidth = '220px'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: '#1e4bc4',
        secondary: 'red',
      },
      colors: {
        primary: '#1e4bc4',
        secondary: colors.gray[500],
      },
      maxWidth: {
        app: appWidth,
        sidebar: sideBarWidth,
      },
      width: {
        sidebar: sideBarWidth,
      },
      margin: {
        sidebar: sideBarWidth,
      },
    },
  },
  plugins: [],
}