Как исправить генирацию sass в css?

Question

[maestro07]

.s_tizers
	+linear-gradient(#c6d8ee, #e8eff7)
	color: $blue-color
	font-family: "CleanvertisingLight", sans-serif
    text-transform: uppercase
    padding: 35px 0 0

вывел так

font-family: "CleanvertisingLight", sans-serif;
    font-family-text-transform: uppercase;
    font-family-padding: 35px 0 0;

почему вставляет font-family?

Comments

[Сергей delphinpro]

Потому что нефиг страдать хернёй с отступами. Пишите нормально в css-like стиле.
У вас сейчас:

.s_tizers {
  @include linear-gradient(#c6d8ee, #e8eff7);
  color: $blue-color;
  font-family: "CleanvertisingLight", sans-serif;
  font-family {
    text-transform: uppercase;
    padding: 35px 0 0;
  }
}

sass позволяет писать не только вложенные селекторы, но и вложенные свойства.
Это бывает удобно при задании некоторых свойств, например

div {
  font {
    family: sans-serif;
    size: 30px;
  }
  border {
    color: red;
    style: dotted;
    width: 10px 4px;
  }
}

[maestro07]

Сергей: спасибо

Answer 1

[Alexander Pushkarev]

Уберите табы перед text-transform и padding

Comments

[maestro07]

как?

[Alexander Pushkarev]

.s_tizers
  +linear-gradient(#c6d8ee, #e8eff7)
  color: $blue-color
  font-family: "CleanvertisingLight", sans-serif
  text-transform: uppercase
  padding: 35px 0 0

[maestro07]

Alexander Pushkarev: теперь компиляцию не проходит