top | item 44653058

(no title)

kolanos | 7 months ago

A bit baffled by all the "Why not just use CSS?" comments here.

Did we forget how much of a pain CSS still is?

For example, I recently made a UI with a series of numbered steps. To the left of each step is a number with a circle around it as a highlight.

The CSS I came up with looked like this:

.step-number { align-items: center; background-color: #0074cc; border-radius: 50%; color: white; display: flex; font-size: 14px; font-weight: bold; height: 24px; justify-content: center; line-height: 24px; margin-right: 10px; width: 24px; }

Did it produce a circle? Of course not. It produced a squished egg shape.

What did I have to do? I had to add "min-width: 24px;" to the class. Why? Hell if I know. "width: 24px;" should've done the job.

Bootstrap (and now Tailwind) exist for a reason: CSS still sucks.

discuss

order

b_e_n_t_o_n|7 months ago

Yeah it's odd, CSS is pretty horrible to use and Tailwind eliminates some of its biggest problems (cascading, naming, organisation). DaisyUI isn't some sort of return to traditional CSS, it's a way to componentize your markup if you aren't using a system that has components built in, like React et al. This isn't some sort of full-circle reinvention of the wheel.