Level 35
Jan 26, 2023
5
Level 5
Trying to achieve dashed underline
Hello, am trying to achieve this underlining style using Tailwind CSS and it has been a long day for me.... any help?
Level 5
@click This is good but how do I add a larger and smaller dash?
Level 35
@Moseskamau338 That is not possible with standard tailwind classes, write your own CSS and describe more in detail what "dashed" means. I see a large dash and a small one. How is the size of it determined? What happens if the word "Blog"? What happens with the word "Developers"?
Level 51
Here ya go, its close to being all tailwind...
https://play.tailwindcss.com/OW3e7UD3th?file=css
here all tailwind but one calc which is needed to maintain an even 'dash' across elements https://play.tailwindcss.com/kpUaRUkUmC?file=css
1 like
Level 5
@webrobert Amazing! Thanks a lot
1 like
Please or to participate in this conversation.