Tailwind features meta issue

[sumanthratna]

• let's make the site more responsive
  • https://tailwindcss.com/docs/responsive-design/
• dark mode
  • https://tailwindcss.com/docs/breakpoints/#dark-mode
  • Add dark mode variant tailwindlabs/tailwindcss#2279
  • https://github.com/ChanceArthur/tailwindcss-dark-mode
  • https://github.com/innocenzi/tailwindcss-theming
• animations
  • https://tailwindcss.com/docs/animation/
  • mostly for icons in buttons
• gradients
  • Add background gradient support tailwindlabs/tailwindcss#2176
  • https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.7.0#new-background-clip-utilities
  • https://github.com/lorisleiva/tailwindcss-plugins/tree/master/gradients
  • we have gradients but they're inlined CSS, not Tailwind classes
• typography/fonts
  • https://github.com/tailwindlabs/tailwindcss-typography
  • https://tailwindcss.com/docs/font-family
  • we have custom (not really custom, it's from Google Fonts) font families but they're inlined CSS, not Tailwind classes
• skew (for the SVGs in the Why? section on landing), also scale on hover?
  • https://tailwindcss.com/docs/skew
• micro-optimization: use a different TailwindCSS production build for each page instead of using a single build for all pages so that pages don't load unnecessary CSS
  • super unimportant but would be interesting to implement; our Tailwind build is already small
  • https://github.com/beyondcode/tailwind-jit-api (probably can't directly use the API b/c CORS)