Настройка вывода спрайтов Compass
У меня есть меню верхней панели (основанное на Zurb's Foundation):
Это SCSS:
.top-bar {
.top-bar-section {
ul {
@import "menu-icons/*.png";
@include all-menu-icons-sprites;
}
}
}
Теперь это делает то, что ожидалось, но проблема в том, что я хочу стилизоватьa
элемент внутри каждогоli
элементы (на самом деле, я хотел бы применить его к.top-bar.topbar-section.ul.li.a:before
).
Тем не менее, поскольку сайт построен на WordPress и меню, я могу только назначить класс элементу li, и я понятия не имею, как заставить работать спрайты Compass.
Я знаю, я мог бы настроить способ отображения меню WordPress с помощью класса Walker, но я бы предпочел попытаться найти решение, просто написав правильный SCSS, при условии, что это возможно.