В Sass комментарии не могут занимать 2 или 3 строки, если они находятся в конце строки?Как заставить это работать?

Question

Если содержимое файла sass равно

#some-div
  color: #333
  font-size: 17px    // This value actually has some issue on WebKit because it makes 
                     //   the label a little off centered, and is better if it is 16px.
                     //   But on IE, the font turns out to be rather ugly, so we would 
                     //   use 17px for now since IE has a larger user base

вышесказанное на самом деле потерпит неудачу, потому что будет жаловаться, что отступ не верен (начиная со второй строки комментариев). Как может быть решено иметь несколько строк, как это? Примечание: Это может быть сделано для всех отступов того же уровня, что и строка font-size (и поверх нее), но я бы не хотел делать это в этом случае.

Answer 1

Sass очень основан на отступах.Таким образом, на самом деле нет другого выбора, кроме как

• Объединить комментарий в конец строки, который будет огромным и громоздким.
• Переместить комментарий выше или ниже вашегоline.

Документация по синтаксису отступа включает комментарии в этом разделе .Некоторые из этих параметров могут оказаться полезными, например, вам нужна только первая строка комментария с косой чертой, остальные могут быть с отступом, что может быть более читабельным для ваших целей.Тогда это будет выглядеть так:

#some-div
  color: #333
  font-size: 17px    
  // This value actually has some issue on WebKit because it makes 
    the label a little off centered, and is better if it is 16px.
    But on IE, the font turns out to be rather ugly, so we would 
    use 17px for now since IE has a larger user base.

SCSS является предпочтительным синтаксисом для использования сейчас, так как весь действительный CSS является допустимым SCSS;он также учитывает тип комментариев, который вы хотели бы (в дополнение к довольно хитрым дополнениям, таким как использование &:hover внутри селектора для более логической группировки ваших вариаций по стилям).