Что делать, если вместо тире в списке высвечивается «тАУ»?

Question

[Anima-ana]

Доброго времени суток, господа. Такой вопрос. Использую scss. Задаю для маркированных списков вместо точек тире при помощи :before, вот так:

li {
		list-style: none;
		position: relative;
		padding-left: 14px;
		line-height: normal;
		margin-bottom: 10px;

		&:before {
			content: "–";
			position: absolute;
			left: 0;
		}
	}

но в итоге выводит это тире вот так :

.dash-list li:before {
    content: "тАУ";
    position: absolute;
    left: 0;
}

Скриншот

Подскажите глупой девчонке, в чем проблема?

Answer 1

[iBird Rose]

это из за кодировки при компилировании sass. чтобы не мучаться - делай тире через блок

&:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 1px;
	background: #000;
	position: absolute;
	left: 0;
}

Comments

[Anima-ana]

спасибо, попробую)