Anpassen der Ausgabe von Compass-Sprites
Ich habe ein Top-Barmenü (das auf der Zurb's Foundation basiert):
Dies ist das SCSS:
.top-bar {
.top-bar-section {
ul {
@import "menu-icons/*.png";
@include all-menu-icons-sprites;
}
}
}
Nun, das tut was erwartet, aber das Problem ist, dass ich das stylen möchtea
Element in jedemli
Elemente (eigentlich würde ich es gerne anwenden auf.top-bar.topbar-section.ul.li.a:before
).
Da die Site jedoch in WordPress und damit im Menü erstellt wurde, kann ich die Klasse nur dem li-Element zuweisen und habe keine Ahnung, wie das Spriting des Kompasses funktionieren soll.
Ich weiß, ich könnte die Darstellung des Menüs in WordPress mithilfe einer Walker-Klasse anpassen, aber ich würde lieber versuchen, eine Lösung zu finden, indem ich einfach das richtige SCSS schreibe, sofern dies möglich ist.