Комментирование
Sass поддерживает стандартный многострочный CSS комментарий, обозначаемый /* */
, а также однострочный комментарий,
обозначаемый //
. Многострочные комментарии сохраняются на выходе в файле CSS, где это возможно, в то время как
однострочные комментарии удаляются. Например:
/* Это многострочный комментарий.
* Так как этот тип комментирования
* поддерживается в CSS, то он
* попадет в скомпилированный CSS-файл. */
body { color: black; }
// Это однострочный комментарий.
// CSS не поддерживает данный вариант комментирования.
// Поэтому данного комментария не будет в CSS-файле.
a { color: green; }
/* Это многострочный комментарий.
Так как этот тип комментирования
поддерживается в CSS, то он
попадет в скомпилированный CSS-файл.
body
color: black
// Это однострочный комментарий.
CSS не поддерживает данный вариант комментирования.
Поэтому данного комментария не будет в CSS-файле.
a
color: green
/* Это многострочный комментарий.
* Так как этот тип комментирования
* поддерживается в CSS, то он и
* попадет в скомпилированный CSS-файл. */
body { color: black; }
a { color: green; }
Если первым символом многострочного комментария является знак !
, то комментарий всегда будет оставаться в
результирующем CSS, даже в режиме сжатия. Это полезно, например, для добавления уведомления об авторских правах
на ваш CSS.
Поскольку многострочные комментарии становятся частью результирующего CSS, в них разрешена интерполяция. Например:
$version: "1.1.3";
/* Этот CSS построен с использованием SomeGrids.
Версия: #{$version}. */
$version: "1.1.3"
/*
Этот CSS построен с использованием SomeGrids. Версия: #{$version}.
/* Этот CSS построен с использованием SomeGrids.
Версия: 1.1.3. */
Поддержка