Refactor Custom CSS Classes in Stylesheets > Tailwind Classes

[jtfairbank]

Description

Our site has some legacy code that uses CSS classes to style some pages / components in /src/stylesheets/. Since then we've adopted Tailwind as our main styling library. It'd be helpful to refactor these stylesheets so the pages / components use Tailwind instead, OR add a comment at the top of the stylesheet to highlight why CSS classes are a better solution for that particular page. Some of the CSS classes may simply be unused, in which case they can be removed.

CodeSee map of relevant files / folders.

Front end feature screenshots

There should be minimal changes to the front-end look / feel / content of the site. This is more of a maintenance refactoring.

Code of Conduct

• I agree to follow this project's Code of Conduct

Checklist

• Add your name to /CONTRIBUTORS.md if you're a first-time contributor!
• Refactor /src/stylesheets/burger.css
• Refactor /src/stylesheets/nav.css - @TylerGeorgeAlexander
• Refactor /src/stylesheets/routes.css - @linds0202
• Refactor /src/stylesheets/timeline.css - @homiecoder
• Refactor /src/stylesheets/index.css

[20RitikSingh]

I want to work on this.

[jtfairbank]

Sounds great @20RitikSingh! I've assigned you to the issue. If you need any help, do checkout our #Hacktober event schedule.

I'd recommend taking it 1 stylesheet at a time and getting that first pull request / draft up sooner rather than later so it's easy to collaborate. 😄

[jtfairbank]

Hey @20RitikSingh how's this one coming along? If you need any help @RabeaGleissner or @linds0202 might be interested in contributing here. They just did a great job on #777 which is related to this one!

[linds0202]

If @20RitikSingh doesn't mind, I am going to finish the refactoring for the routes stylesheet

[TylerGeorgeAlexander]

Hey, I'd like to work on the nav.css

[jtfairbank]

Sorry, not sure why this was closed.