Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Tailwind stroke-width classes are ignored due to the hardcoded path attribute
See original GitHub issueI’ve started using the outline icons in a new project, with Tailwind CSS. I’ve run into a problem since Tailwind’s stroke-width stroke-1 etc. classes don’t work, because each <path> has a hard-coded stroke-width="2" attribute that overrides the inherited class style.
Could stroke-width="2" be placed on the <svg> element instead? According to the spec this is still inherited (so defaults work), but a class style takes precedence because of specificity. My own quick tests on latest Chrome, Safari, and Firefox confirm this.
I’m using the SVG code directly (inlining in HTML), though it seems like this would be an issue for all the methods. I can fix this manually on each icon, but it’s a pain…
Issue Analytics
- State:
- Created 2 years ago
- Reactions:24
- Comments:12 (5 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Heads up to anyone watching this, my PR resolving this is now available at #281. Tests and (if necessary) corrections are welcome!
@Kerosz I haven’t had time to do this yet, and I still haven’t seen anything from the actual heroicons maintainers about it… Nonetheless, I now need this urgently myself at work, so you can expect a fork & PR in the next few days.