Запретить блок синтаксического анализа SASS, но все равно вывести его в окончательный файл CSS

Question

Я только начал использовать SASS. Очень впечатлен, однако есть кое-что, что я хотел бы сделать, но не могу найти ответ на вопрос, возможно ли это.

У меня есть блок CSS, который я не хочу, чтобы SASS анализировал / компилировал, но мне все равно хотелось бы, чтобы этот блок выводился в окончательный скомпилированный файл CSS. Это возможно?

Спасибо.

Мой первый в истории ТАК вопрос, обычно дает ответ. Надеюсь, я где-то не пропустил, попробовал каждый поисковый запрос, чтобы найти его.

Answer 1

Поместите его в отдельный файл .css и импортируйте в свой файл SASS. Файлы, оканчивающиеся на .css, не анализируются, но все же включаются в окончательный вывод.

Answer 2

Этот вопрос немного стар, но в духе поддержания актуальности:

Текущая версия SASS (3.4.22) довольно неплохо работает, меняя только то, что ей нужно. Если то, что вы написали, является допустимым CSS, оно должно выводиться как есть.

Единственный раз, когда вы увидите, как SASS изменяет ваши стили, это если вы сделали что-то, что выглядит так, как будто оно должно быть изменено. Основываясь на их документации, это будет что-то вроде:

• Вложенные стили
• Конкатенация строк
  • content: 'foo' + 'bar';
• Использование интерполяции
  • left: calc(50% - #{$variable})
• Использование переменных
  • width: $variable
• Использование @extend или вложение @include

В большинстве других ситуаций, по моему опыту, SASS с удовольствием выплюнет все, что вы написали.

Если вам нужно вывести что-то, что SASS настаивает на синтаксическом анализе, когда это не нужно, вы можете обернуть оскорбительный фрагмент в кавычки и удалить их, используя функцию unquote:

$family: unquote("Droid+Sans");
@import url("http://fonts.googleapis.com/css?family=#{$family}");

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

@import url("http://fonts.googleapis.com/css?family=Droid+Sans");

Answer 3

Попробуйте включить ваш блок в / * ..... * / в свой файл scss. Надеюсь, это поможет.