Quiero mostrar algunos iconos personalizados en un tema donde no hay iconos de forma predeterminada. Generalmente funciona bien, pero no puedo usar currentColor para el relleno.
Así funciona:
&::before {content: svg-uri('<svg fill="red" ...
Pero esto no, simplemente se queda en negro por defecto:
&::before {content: svg-uri('<svg fill="currentColor" ...
¿Alguien ha hecho esto antes? No estoy seguro de qué me falta.
Por lo que sé, currentColor no funcionará con SVGs incrustados mediante CSS; lamentablemente, los colores deben estar codificados directamente en el SVG. Un truco que he usado antes para cambiar los colores son los filtros CSS, aunque estos también tienen sus limitaciones.
¡Ah, vale! Gracias @awesomerobot. ¿Eso suena como el único enfoque que también permitiría diferentes esquemas de color, que es tener los iconos en el marcado?
¡Sí, desafortunadamente! Ojalá hubiera una mejor manera con CSS, ya que en algunos casos puede ser la forma más sencilla de añadir un icono decorativo.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.