search

AnalogStudiosRI / www.tuesdaystunes.tv

Frontend for the Tuesday's Tunes website.
http://tuesdaystunes.tv
3 stars 5 forks source link

"tailwindify" inline styles #33

Open thescientist13 opened 2 years ago

thescientist13 commented 2 years ago

As part of completing tasks like #30 and #31, there were some cases where using style directly on an element was done.

<img
  class="block w-20 rounded-full text-center"
  style="margin:0 auto"
  src="${avatar}"
  alt="Photo of ${name} (${title})"
/>

In a Tailwind world, it would be nice to using classes as much as possible, or creating custom rules, or whatever the best practice is.

Also, for playing around some colors were added to tailwind.config.js but these should already be available as CSS custom properties. I wonder if there is a way to avoid duplicating those color values so they don't have to be updated in one place?