vets-who-code-app
vets-who-code-app copied to clipboard
Added Tailwind
Change
🤖 Generated by Copilot at 76989fd
Summary
🎨🛠️🚚
This pull request introduces tailwindcss
as a new CSS framework for the project, replacing Bootstrap and inline styles. It adds the necessary dependencies, configuration files, and tailwindcss
classes to the package.json
, postcss.config.js
, globals.css
, index.css
, Header.js
, Layout.js
, and _app.js
files.
Sing, O Muse, of the skillful coder who changed the style Of his project's web pages with
postcss
andtailwindcss
He created a config file and a global file, importing them with care And replaced the old classes with new ones, like a sculptor shaping clay
Walkthrough
- Add
autoprefixer
,postcss
, andtailwindcss
packages as dependencies for cross-browser support and UI design (link, link) - Create and configure
postcss.config.js
file to usetailwindcss
andautoprefixer
plugins (link) - Create
globals.css
file to import base, components, and utilities styles fromtailwindcss
(link) - Import
globals.css
file inindex.css
,Layout.js
, and_app.js
files to ensuretailwindcss
styles are available for the project (link, link, link) - Modify
Header
component to usetailwindcss
classes instead of inline styles and Bootstrap classes (link)
Types of changes
- [ ] Bug fix (non-breaking change which fixes an issue)
- [x] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing functionality to change)
Checklist:
- [x] My code follows the code style of this project.
- [ ] My change requires a change to the documentation.
- [ ] I have updated the documentation accordingly.
- [x] I have read the CONTRIBUTING document.
- [ ] I have added tests to cover my changes.
- [x] All new and existing tests passed.
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated |
---|---|---|---|---|
vets-who-code-app | ✅ Ready (Inspect) | Visit Preview | 💬 Add your feedback | Mar 27, 2023 at 2:42AM (UTC) |
DO NOT MERGE.
Messes Up Some Styles As we convert things over.