Я только начал работать над проектом Liquid (из Shopify) и, похоже, не могу найти решение для определенного синтаксиса жидкость / sass cla sh.
Первый шаг для меня, когда использование чего-то нового - это настройка достойной среды разработки (DDE).
Поскольку файлы scss.liquid выдают много предупреждений редактора кода (если вы не используете VS Code), потому что синтаксис liquid внутри scss файлов признано недействительным, первая проблема была как-то их решить, поэтому вот что я сделал:
Синтаксис комментария : комментарий с /* */ и они все еще будет обрабатываться, но больше не будет выдавать ошибки. Жидкое присвоение : комментарий с /* */, и они все еще будут обрабатываться, но больше не будут выдавать ошибки.
Жидкие операторы if / else : Комментарий с /* */ и они все еще будут обрабатываться, но больше не будут выдавать ошибки. Переменные жидкости, используемые в качестве значений : Использовать sass-интерполяцию color: #{"{{ settings.color_text }}"};.
Хотя мне не удалось найти ничего для этого типа присвоения: $color-text: {{ settings.color_text }};.
Если Вы go внутри класса, где используется color: $color-text, и измените его на использование sass-интерполяции color: #{"{{ settings.color_text }}"};, оно работает, но если вы попытаетесь сделать $color-text: #{"{{ settings.color_text }}"};, оно не будет работать.
Кажется, никто не мне удалось взломать этот, и так как я чувствую, что пока что это превзошло меня, я с радостью обращаюсь к сообществу за помощью в надежде, что кто-то, кто владеет sass, может помочь с решением этой последней проблемы.