/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: 'jit',
  darkMode: 'selector',
  content: ["layouts/**/*.html"],
  theme: {
    container: {
      center: true,
      padding: '1rem'
    },
    borderWidth: {
      '1': '1px'
    },
    extend: {},
  },
  plugins: [
    function ({ addComponents }) {
      addComponents({
        '.container': {
          '@screen lg': {
            maxWidth: '768px',
          },
          '@screen xl': {
            maxWidth: '768px',
          },
        }
      })
    }
  ],
}

