CSS sprites

Так как в системе довольно много различных иконок, то желательно их объединять в так называемые CSS sprite (CSS image maps). Это позволяет уменьшить количество HTTP-запросов к серверу.

Достаточно удобный сервис для генерации СSS Sprite Generator

Собран CSS sprite с иконками для меню icon-sprite.png. В screen.css добавлена поддержка класса icon-.

Пример использования

<i class="icon-team"></i> <i class="icon-team-small"></i>

Список поддерживаемых иконок можно посмотреть в screen.css.