Что обозначают эти символы?

Question

[imha]

Добрый день!
В одном из проектов
https://codepen.io/
Увидел знаки перед стилями, $ &.
В гугле и справочниках по css не нашел для чего они применяются.
Вопрос, для чего они нужны?
// variables
$card-width: 350px;
$card-height: 500px;
$h-color: #9CC9E3;
$yellow: #D0BB57;
$txt-color: #DCE3E7;

&.spring-fever{
background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1765/... no-repeat;
}

Заранее спасибо

Answer 1

[ReaverJS]

Это синтаксис SASS - расширения CSS.

$var - переменная.
.class1 {
&.class2 {}
}
то же самое что
.class.class2