hallo

Hallo beatovich,

Hast du schon versucht, mit background-size das Hintergrundbild entsprechend anzupassen?

Kann ich machen, aber dann sind die Endergebnisse nicht mehr berechenbar.

Sollte es nicht reichen, das Hintergrundbild um denselben Faktor zu vergrößern wie die Schriftgröße?

Ich muss derzeit gar keine background-size Änderung vornehmen, auch wenn ich font-size ändere. width und height von ::before sind direkt von font-size abgeleitet.

Und nein, für einen User ist es nicht sinnvoll, mehr als eine Eigenschaft anzufassen, wenn er ein Icon vergrössern will.

Nochmals das CSS mit Kommentaren

	.icon::before {\
		font-size:1.25em; font-size-adjust:0.3; line-height:1;\
		content: "";\
		width: 1em; height: 1em;\
		margin:-0.2em 0.2em;\
		display: inline-block;\
		text-align:center;\
		text-indent:0;\
		background-image: url("'+_.guiSpritemapUri+'");\
		background-size: 12em;\  /* 12 icons pro Rasterzeile */
		transition:all 0.4s ease;\
		background-position: 1em 0em; /* icons werden über ganzahlige em Werte ausgewält */
	}\