Как задать спрайт after псевдоэлементу?

Готовлю свои спрайты с помощью compass. Все работает. Возникла задача отобразить "галку" внутри чекбокса.
Чекбокс сделан следующим образом. Сам инпут скрыт. Лэйбл отображается и в css создан псевдоэлемент - квадрат, который прижат вправо к краю формы. Теперь нужно отобразить галку, добавив класс к лейблу. Это получается сделать с помощью отдельной картинки, но хотелось бы ее вытащить из спрайта. Была мысль выдернуть ее оттуда вручную, задав отступы, но боюсь нужное изображение будет перемещаться в процессе разработки, поэтому отказался от этой идеи.
  • Вопрос задан
  • 225 просмотров
Решения вопроса 1
@sunnmas Автор вопроса
Ruby
Инкулдим миксин в псевдоэлемент лейбла (файл с галкой ok.png)
@import 'compass'
@import "compass/utilities/sprites"

$icons-layout:smart
@import "grey/icons/*.png"
@include all-icons-sprites
...
label.boolean.checked:after
	@include icons-sprite(ok)

compass-style.org/help/tutorials/spriting
раздел Selector Control
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
viktorvsk
@viktorvsk
ТЕГИ О_о
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы