tailwind.config.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. const colors = require('tailwindcss/colors')
  2. module.exports = {
  3. mode: 'jit',
  4. purge: [
  5. './src/**/*.js',
  6. './src/**/*.cljs',
  7. './resources/**/*.html',
  8. ],
  9. plugins: [require('@tailwindcss/ui')],
  10. darkMode: 'class',
  11. theme: {
  12. extend: {
  13. spacing: {
  14. '128': '32rem',
  15. '144': '36rem'
  16. }
  17. },
  18. colors: {
  19. transparent: 'transparent',
  20. current: 'currentColor',
  21. black: colors.black,
  22. white: colors.white,
  23. gray: colors.trueGray,
  24. green: colors.green,
  25. blue: colors.blue,
  26. indigo: {
  27. 50: '#f0f9ff',
  28. 100: '#e0f2fe',
  29. 200: '#bae6fd',
  30. 300: '#7dd3fc',
  31. 400: '#38bdf8',
  32. 500: '#0ea5e9',
  33. 600: '#0284c7',
  34. 700: '#005b8a',
  35. 800: '#075985',
  36. 900: '#0c4a6e',
  37. },
  38. red: colors.red,
  39. yellow: colors.amber,
  40. orange: colors.orange,
  41. rose: colors.rose
  42. },
  43. extend: {
  44. animation: {
  45. 'spin-reverse': 'spin 2s linear infinite reverse',
  46. }
  47. }
  48. }
  49. }