🧠💭 98.css thoughts

[jdan]

Posting this for further discussion!

If I were to redo 98.css today here's what I'd do:

• Write as a series of utility classes a la tailwind (i.e. class="border-raised-left ... instead of <button />)
  • Potentially this can even be a shadcn config or something
  • LLMs do a great job of generating this type of markup as they are trained on many tailwind examples
• React components (maybe separate repo)
  • I originally stood firm that the designs were framework agnostic. A valiant goal, but some react examples to actually use these things enables more developers to make more things
• Extensibility
  • We can't cover everything, and people have wild ideas. It should be very easy for these styles to be portable/extendable. Maybe through more CSS variables

[brandongregoryscott]

I think CSS variables + utility classes would be quite useful for extensibility.

I wrote a small virtual desktop application using this library as the base, but there were a few cases where I wanted access to the underlying colors or border styles for creating elements like a task bar and clock. I noticed that the source CSS actually defines variables, but they end up being stripped out in the distributed CSS by the build process, which is quite a bummer. I ended up vendorizing the distributed CSS file and adding the source CSS variables back in so I could reference them in my project.