Next.js Discord

Discord Forum

Mystery of tailwind and the SVG

Answered
Giant Chinchilla posted this in #help-forum
Open in Discord
Giant ChinchillaOP
why does adding &913086567042674719 base; to my css code cause this svg to break?
Answered by Giant Chinchilla
solved
View full answer

9 Replies

Giant ChinchillaOP
before adding &913086567042674719 base; to css file.... after adding &913086567042674719 base; to css file . Just straight breaks it
i need &913086567042674719 base; to fix my other code
there's no classNames in the svg code that intefer with tailwind. so Why is it breaking?
Giant ChinchillaOP
solved it
Tailwind does this to SVGs. You'd need to essentially reset those to default.
display: block; /* 1 /
vertical-align: middle; /
2 */
https://unpkg.com/tailwindcss@3.3.3/src/css/preflight.css if you cmd + f for "svg" here the notes for what those numbers mean should show up.
Giant ChinchillaOP
solved
Answer