search

janraasch / hugo-product-launch

🚀 A Hugo theme for young start-ups, product launches, and »coming soon«-websites. Includes contact form & newsletter sign up via Netlify. Deploy with one click!
https://themes.gohugo.io/hugo-product-launch/
Other
65 stars 25 forks source link

Upgrade Hugo theme from Tailwind CSS 2.0 to Tailwind CSS 3.0 #258

Closed janraasch closed 1 year ago

janraasch commented 1 year ago

Upgrade Hugo theme from Tailwind CSS 2.0 to Tailwind CSS 3.0. Here are the steps:

  1. Update your package.json file: Run the following commands in your terminal:
npm uninstall tailwindcss
npm install tailwindcss@latest

  1. Update your tailwind.config.js file: Tailwind CSS 3.0 introduces some changes to the configuration file. Update your tailwind.config.js file to match the new format. Refer to the Tailwind CSS documentation.

  2. Update your CSS files: Tailwind CSS 3.0 introduces some new utility classes and deprecates some old ones. Go through your CSS files and update any classes that have been changed or removed.

  3. Rebuild your CSS: Run the following command in your terminal:

npm run build
  1. Test your site: Test your site to make sure everything is working as expected. If you encounter any issues, refer to the Tailwind CSS documentation for troubleshooting.
stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.