Icon-System: SVG-Handling

[beatovich]

hallo

Wie macht ihr das denn so?

gui.svg enthält Icons.

css-Themes beschreiben semantische Klassen, referenzieren das Grafikset. (zentral austauschbar). icons können über #id oder über background-position angesprochen werden. (Icons sind in einem 96/96 svg-pixel Raster geordnet. in CSS werden daraus ganze em Schritte, icons bleiben immer mit der umgebenden Fontgrösse skaliert).

Konkrete html-Datei verwendet semantische Klassen. Ihr Inhalt bleibt agnostisch bezüglich der Icons.

Alles was es braucht, ist eine Guideline semantischer Klassen.

inline-svg: Absolutes nono für Icons!