Ошибка в ScSS коде?

Question

[Alibek Kulseitov]

Нету знании в препроцессорах и не могу найти проблему) не понимаю на что жалуется.
Потому что не знаю синтаксис. Пытаюсь этот scss скомпилировать в css но не выходит =( Онлайн конверторы жалуются на ошибку и не могут перевести в css.
Вот код: jsfiddle

Comments

[sim3x]

sass-lang.com

Answer 1

[Андрей Б.]

Ошибка в определении класса - $container-selector => .container-selector
$ - означает что вы определяете переменную

Answer 2

[ton1_rose]

В данном случае в качестве селектора является переменная $container-selector: h1;
Попробуйте задать вместо переменной непосредственно селектор h1 следующим образом:

$bg-color: white;
$bracket-color: orange;
$bracket-width: 10px;
$bracket-length: 30px;
// just reset
body {
  background-color: $bg-color;
}

// not really related
h1 {
  padding: 0 30px;
}

h1 {
  position: relative;
  border: $bracket-width solid $bracket-color;
  &:before,
  &:after {
    content: "";
    display: block;
    position: absolute;
    top: -$bracket-width;
    right: $bracket-length - $bracket-width;
    left: $bracket-length - $bracket-width;
    height: $bracket-width;
    background-color: $bg-color;
  }
  &:after {
    top: initial;
    bottom: -$bracket-width;
  }
}

Comments

[Alibek Kulseitov]

да да) я именно так и сделал) но все равно спасибо!)

Answer 3

[Егор Живагин]

Онлайн-конверторы? Зачем? Gulp же

Я сходу ошибки не вижу. Fiddle вроде тоже)