@Alex-Archer-I
Posted
Hi!
Can I assume that the most pain was from tailwind? =)
But actually you did it quite good! (there is a text isn't properly aligned in the table, but that's not a big deal =))
I see that you are already styled markers for list-items. What exactly do you need to help with?
@vstm
Posted
Thank you for the comment - yeah some of the pain was from tailwind, the other was from styling the list-items :D. But I was indeed thinking to use sass for a while (some form of tailwind ennui is creeping in)
Ah yeah the alignment of the first column in the table is wrong, crap - I should have paid more attention :D. Thank you for pointing that out!
Well the styling of the list-items in terms of color/font was not a problem with the ::marker
pseudo selector, but applying the spacing from the design seemed a bit cumbersome to me. I had to apply some left padding to the <ul>
and then another padding to each <li>
(as per the tailwind philosophy :D). IMHO it would be more convenient to just apply margin or padding tho the ::marker
to define the space before and after the bullet. But that was one of my learnings here, that ::marker
does not allow margin/padding properties to be defined.
@Alex-Archer-I
Posted
You're welcome, as always =)
You know, I think that tailwind doing it best when you are working on the small components, but really doesn't fit to the big solid projects like landings (guess like every tool is good for some cases and not for others).
Oh, yeah, ::marker
has a very few styles which could be applied. That's why sometimes it's better to replace it with ::before
.
Guess the only cool thing with markers is that you can easily replace it with some icon, but than again you can do it with before
as well =)