tailwind.config.js 823 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. module.exports = {
  2. purge: [
  3. './public/**/*.html',
  4. './src/**/*.vue'
  5. ],
  6. darkMode: false, // or 'media' or 'class'
  7. theme: {
  8. fontSize: {
  9. 'fs12': '1.2rem',
  10. 'fs14': '1.4rem',
  11. 'fs16': '1.6rem',
  12. 'fs18': '1.8rem',
  13. 'fs20': '2rem',
  14. 'fs24': '2.4rem'
  15. },
  16. // magin: {
  17. // '08': '0.8rem',
  18. // '06': '0.6rem',
  19. // '04': '0.4rem'
  20. // },
  21. // padding: {
  22. // '08': '0.8rem',
  23. // '06': '0.6rem',
  24. // '04': '0.4rem',
  25. // },
  26. extend: {
  27. spacing: {
  28. '02': '0.2rem',
  29. '04': '0.4rem',
  30. '06': '0.6rem',
  31. '08': '0.8rem',
  32. '4.8': '1.2rem',
  33. '5.6': '1.4rem',
  34. '6.4': '1.6rem',
  35. '7.2': '1.8rem',
  36. }
  37. },
  38. },
  39. variants: {},
  40. plugins: [],
  41. }