Могу ли я разбить объявление свойства на несколько строк в SASS [синтаксис]?

Question

Я только недавно начал использовать SASS вместо CSS.Я пытаюсь использовать несколько радиальных градиентов для фона моей веб-страницы.Я не знаю, как преобразовать код в стиль SASS:

background: radial-gradient(ellipse at top right, rgb(175,140,175), transparent),
            radial-gradient(ellipse at bottom left, rgb(140,140,175), transparent),     
            radial-gradient(ellipse at top left, rgb(175,140,175), transparent),
            radial-gradient(ellipse at bottom right, rgb(140,140,175), transparent)

Причина, по которой у меня возникает путаница, заключается в том, что запятые в конце каждой строки, кажется, нарушают мой код, и поэтому яне может иметь несколько радиальных градиентов.Я знаю, что это чрезвычайно простой вопрос, но, к сожалению, я не смог найти ответ.Какой будет правильный синтаксис для этого?

Answer 1

С синтаксисом Sass вы не можете разбивать объявления на несколько строк.Это должно работать, все в одной строке:

div
  background: radial-gradient(ellipse at top right, rgb(175,140,175), transparent), radial-gradient(ellipse at bottom left, rgb(140,140,175), transparent), radial-gradient(ellipse at top left, rgb(175,140,175), transparent), radial-gradient(ellipse at bottom right, rgb(140,140,175), transparent)

Вы можете вместо этого использовать синтаксис SCSS, который допускает несколько строк, больше как обычный CSS.