search

pinafrica / official-website

0 stars 0 forks source link

Replace Bulma framework with Tailwind CSS in project. #97

Open praisejahuzoma opened 1 year ago

praisejahuzoma commented 1 year ago

The project is undergoing a transition from the Bulma CSS framework to Tailwind, which will provide increased flexibility and enhanced control over the website's styling.

Scope

The project currently relies on Bulma CSS framework, but there is a need to switch to Tailwind CSS. This change aims to enhance flexibility and control over the website's styling, enabling efficient development and customization of front-end components.

The steps to accomplish this task are as follows:

  1. Install Tailwind in the project using npm.
  2. Create a tailwind.config.js file in the root directory to configure Tailwind.
  3. Remove the link to the Bulma stylesheet from the HTML file(s).
  4. Add the link to the Tailwind stylesheet in the HTML file(s).
  5. Replace any Bulma classes with their Tailwind equivalents in the HTML file(s).
  6. Test the project to make sure everything looks and functions correctly.
praisejahuzoma commented 1 year ago

@stbensonimoh Let me know if there are any questions.