1
0

tailwind.config.js 703 B

123456789101112131415161718192021222324252627282930313233
  1. const colors = require('tailwindcss/colors');
  2. module.exports = {
  3. mode: 'jit',
  4. purge: ['./src/**/*.{js,jsx,ts,tsx,vue}'],
  5. darkMode: 'class', // or 'media' or 'class'
  6. theme: {
  7. extend: {
  8. colors: {
  9. primary: colors.blue['500'],
  10. secondary: colors.blue['400'],
  11. accent: colors.gray['900'],
  12. gray: colors.gray,
  13. orange: colors.orange,
  14. },
  15. fontFamily: {
  16. sans: ['Poppins', 'sans-serif'],
  17. mono: ['JetBrains Mono', 'monospace'],
  18. },
  19. container: {
  20. center: true,
  21. padding: {
  22. DEFAULT: '1rem',
  23. sm: '2rem',
  24. },
  25. },
  26. },
  27. },
  28. variants: {
  29. extend: {},
  30. },
  31. plugins: [],
  32. };