Операция конкатенации строк осуществляется при помощи символа +. Например:

p {
  cursor: e + -resize;
}

компилируется в

p {
  cursor: e-resize; }

Обратите внимание, что, если мы к строке без кавычек добавляем строку в кавычках (строка без кавычек слева от знака + ), то результатом будет строка без кавычек. И, наоборот, если мы к строке в кавычках прибавляем строку без кавычек, результатом будет строка в кавычках. Например:

p:before {
  content: "Foo " + Bar;
  font-family: sans- + "serif";
}

компилируется в

p:before {
  content: "Foo Bar";
  font-family: sans-serif; }

По-умолчанию, если два значения находятся рядом друг с другом, они объединяются через пробел:

p {
  margin: 3px + 4px auto;
}

компилируется в

p {
  margin: 7px auto; }

Возможно использование интерполяции #{} для размещения динамических значений в строке:

p:before {
  content: "Я съел #{5 + 10} пирогов!";
}

компилируется в

p:before {
  content: "Я съел 15 пирогов!"; }

Значение null обрабатывается как пустая строка в интерполяции:

$value: null;
p:before {
  content: "Я съел #{$value} пирогов!";
}

компилируется в

p:before {
  content: "Я съел  пирогов!"; }


На сайте функционирует система проверки ошибок. Обнаружив неточность в тексте, выделите ее и нажмите Ctrl + Enter. Также отправить оповещение об ошибке можно, нажав на эту ссылку.