search

FortAwesome / Font-Awesome

The iconic SVG, font, and CSS toolkit
https://fontawesome.com
Other
73.3k stars 12.19k forks source link

Shadow DOM #5274

Open pemrouz opened 9 years ago

pemrouz commented 9 years ago

Would be nice if you could prefix all rules with body /deep/ by default so they cut across all Shadow DOM boundaries.

chumtoadafuq commented 7 years ago

yes, this is needed!

chumtoadafuq commented 7 years ago

For anyone else that ends up here... a workaround is to re-import the font-awesome CSS file within your shadow dom. You still need the main font-awesome stylesheet import in your root index.html. @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

stramel commented 6 years ago

Shadow DOM piercing has been deprecated. /deep/in particular

AStoker commented 4 months ago

Hijacking this a bit, but Shadow DOM support is still suuuuper limited in Font Awesome (especially seeing this opened in 2014). It's kind of crazy that I end up having to duplicate all of font awesome for each shadow dom instance, resulting in rather large network transfers.

Is there a better issue to track progress with Shadow DOM and Font Awesome?