unschöne Nebeneffekte durch letter-spacing

[Gunnar Bittersmann]

@@JürgenB

Die Dreiecke werden gezeigt, ich schaffe es aber nicht, ihre Farbe zu ändern.

Ich hätte beim „Inline“ von „Inline-SVG“ wohl die Farbe ändern sollen?

Mit CSS kannst du von außen nur das stylen, was im DOM ist. Die inneren Elemente eines als Hintergrundbild eingebundenen SVGs sind nicht im DOM.

Ein SVG mit beiden Dreiecken mit fill: transparent. Mit gezielter Selektion setzt man bei Bedarf von außen eins der beiden auf fill: currentColor.

Ganz so wie ich dachte geht’s aber auch nicht; man kommt auch an die inneren Elemente eines per use eingebundenen symbols nicht ran. (Mir wollte es jedenfalls nicht gelingen.)

☞ Custom properties FTW.

Das SVG mit dem symbol sollte man dann aber auslagern können.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!