ASU-CodeDevils / codedevils.org

The Official CodeDevils website frontend codebase written using Next.js, React, TypeScript, and Tailwind CSS
https://www.codedevils.org
9 stars 2 forks source link

Consider using CSS-in-JS or Tailwind #36

Closed jtmichelson closed 1 year ago

jtmichelson commented 1 year ago

There are a lot of CSS-in-JS libraries that support React/Next out of the box. One in particular is Styled JSX: https://github.com/andreipfeiffer/css-in-js/blob/main/README.md#styled-jsx

This helps scope CSS to components and reduce the weight of looking for style sheet pairs for each class.

Right now our codebase has SASS files for each component that can be hard to reason about. Here is one that is nested five dirs deep: https://github.com/ASU-CodeDevils/codedevils/blob/main/src/styles/components/page_layout/footers/desktop.module.scss

fernandonevarez commented 1 year ago

okay I did 💋