Как вставить иконку через псевдоклас?

Question

[doctorcat]

Имеется блок в котором есть иконка добавленная стандартно через тег i. Вот так:
<i class="fa fa-sort-desc" aria-hidden="true"></i>

Мне нужно в этом блоке у этой иконки сделать позиционирование от начала этого блока я пытаюсь реализовать всё через псевдокласс before, но по моему делаю что-то не так. У меня отображается пустой квадратик)

.cities-list2
	&:before
		content: "\f0dd"

Comments

[Сергей delphinpro]

полный код, пожалуйста. Из ваших вводных непонятно, откуда взялся класс .cities-list2

Answer 1

[Сергей delphinpro]

Если вы хотите "продублировать" в классе .cities-list2 вышеозначенную иконку, то просто расширьте этот класс (вы же препроцессор используете)

.cities-list2 {
  @extend .fa;
  @extend .fa-sort-desc;
}

Разумеется, чтобы это сработало, ваши font-awesome иконки тоже должны быть включены в этот же файл