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

**URL:** <https://meta.discourse.org/t/discourse-moved-to-dart-sass/254461>\
**Category:** Announcements\
**Created:** [08.Февраль.2023 14:01:30 UTC](https://meta.discourse.org/t/discourse-moved-to-dart-sass/254461 "2023-02-08T14:01:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [08.Февраль.2023 14:01:30 UTC](https://meta.discourse.org/t/discourse-moved-to-dart-sass/254461/1 "2023-02-08T14:01:30Z")

</div>

Мы значительно обновили конвейер компиляции Sass в Discourse, перейдя с устаревшего [libsass](https://github.com/sass/libsass) на поддерживаемый [Dart Sass](https://sass-lang.com/dart-sass).

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

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

Во время перехода мы проверили все открытые [плагины](https://github.com/discourse/all-the-plugins) и [темы](https://github.com/discourse/all-the-themes) и убедились, что всё продолжает работать с новым конвейером, а также внесли изменения/PR для обработки любых предупреждений во время компиляции.

### Версии

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

Было:

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

Стало:

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

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

> Эти изменения могут скоро произойти или недавно были выпущены:
> 
> [Функции становятся строже в отношении допустимых единиц измерения](https://sass-lang.com/documentation/breaking-changes/function-units) начиная с Dart Sass 1.32.0.
> 
> [Селекторы с недопустимыми комбинаторами становятся недопустимыми](https://sass-lang.com/documentation/breaking-changes/bogus-combinators) начиная с Dart Sass 1.54.0.
> 
> [/ меняется с операции деления на разделитель списка](https://sass-lang.com/documentation/breaking-changes/slash-div) начиная с Dart Sass 1.33.0.
> 
> [Парсинг специального синтаксиса @-moz-document станет недопустимым](https://sass-lang.com/documentation/breaking-changes/moz-document) начиная с Dart Sass 1.7.2.
> 
> [Составные селекторы не могут быть расширены](https://sass-lang.com/documentation/breaking-changes/extend-compound) в Dart Sass 1.0.0 и Ruby Sass 4.0.0.

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

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

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

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

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

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

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [08.Февраль.2023 14:02:35 UTC](https://meta.discourse.org/t/discourse-moved-to-dart-sass/254461/2 "2023-02-08T14:02:35Z")

</div>

> [@Falco](#):
>
> [Составные селекторы не могут быть расширены](https://sass-lang.com/documentation/breaking-changes/extend-compound) в Dart Sass 1.0.0 и Ruby Sass 4.0.0.

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

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [08.Февраль.2023 14:35:04 UTC](https://meta.discourse.org/t/discourse-moved-to-dart-sass/254461/3 "2023-02-08T14:35:04Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![Planktro\_Neum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/planktro_neum/32/221598_2.png) [@Planktro\_Neum](https://meta.discourse.org/u/Planktro_Neum)\
**Post date:** [09.Февраль.2023 07:59:06 UTC](https://meta.discourse.org/t/discourse-moved-to-dart-sass/254461/4 "2023-02-09T07:59:06Z")

</div>

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

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

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

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

Спасибо.

---

<div class="post-metadata">

**Author:** ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)\
**Post date:** [09.Февраль.2023 08:48:08 UTC](https://meta.discourse.org/t/discourse-moved-to-dart-sass/254461/5 "2023-02-09T08:48:08Z")

</div>

> [@Falco](#):
>
> сломано

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

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

@media screen and(min-width: $breakpoint-sm) {
                 ^

```