Обсуждение перенесено в Dart Sass

Мы значительно обновили конвейер компиляции Sass в Discourse, перейдя с устаревшего libsass на поддерживаемый Dart Sass.

Это обновление происходит бесшовно, и на вашем сайте ничего не должно измениться после обновления. В редком случае, если что-то сломается, читайте дальше.

Примечание для разработчиков и дизайнеров

Во время перехода мы проверили все открытые плагины и темы и убедились, что всё продолжает работать с новым конвейером, а также внесли изменения/PR для обработки любых предупреждений во время компиляции.

Версии

Это обновление

Было:

  • sassc 2.0.1 (февраль 2019)
  • libsass 3.5.2 (май 2018)

Стало:

  • dart-sass 1.58 (январь 2023)

Это обновление применяет следующие изменения:

Эти изменения могут скоро произойти или недавно были выпущены:

Функции становятся строже в отношении допустимых единиц измерения начиная с Dart Sass 1.32.0.

Селекторы с недопустимыми комбинаторами становятся недопустимыми начиная с Dart Sass 1.54.0.

/ меняется с операции деления на разделитель списка начиная с Dart Sass 1.33.0.

Парсинг специального синтаксиса @-moz-document станет недопустимым начиная с Dart Sass 1.7.2.

Составные селекторы не могут быть расширены в Dart Sass 1.0.0 и Ruby Sass 4.0.0.

Вопросы и ответы

Для этого обновления не было жестких изменений, поэтому 99% тем будут работать нормально.

Если вы используете Discourse без каких-либо пользовательских тем, ничего не изменится. В следующий раз, когда вы обновитесь (или вас обновит ваша хостинг-компания), это произойдет в фоновом режиме.

Если вы используете хостинг CDCK и тему, которую мы разработали для вас, мы уже сделали её совместимой с Dart Sass.

Если вы используете official Customization > Theme и/или несколько Customization > Theme component, мы уже сделали их совместимыми с новой версией Sass.

Если ваша пользовательская тема сломалась, пожалуйста, поделитесь ею с нами, и мы поможем её исправить.

17 лайков

:sweat_smile: CW и Multilingual оба сломались из-за этого, но были исправлены.

7 лайков

Спасибо за предупреждение, похоже, sass-migrator не покрывает этот случай :man_facepalming:. Я сейчас ищу подобные случаи.

РЕДАКТИРОВАНИЕ: Я опасался этого, но после поиска этой ошибки во всех открытых и закрытых плагинах и темах я нашел использование extend только в двух упомянутых вами плагинах.

9 лайков

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

Редактирование.

Обнаружил, что это было в части CSS для шапки:

у остальных было пусто, теперь шапка в порядке, однако я не могу добавить пользовательский фон.

Спасибо.

3 лайка

Не уверен, является ли это проблемой с CSS или проблемой с парсером, но я подумал, что всё же стоит поделиться.

Discourse::ScssError: Ошибка: Ожидался пробел

@media screen and(min-width: $breakpoint-sm) {
                 ^
5 лайков