Я не могу найти ответ в блогах и Google Liferay - так что я надеюсь, что кто-нибудь здесь может мне помочь.

Я пытаюсь начать с sass в пользовательской теме, которую я создаю в LifeRay 6.2.

Насколько я понимаю, подход будет такой:

создать пустую тему (используя maven) на основе _styled

это дает мне макет файла, как это:

<theme>
  +-src
     +-main
        +-webapp
           +-css
              +- ... here i'll put any css overwrites

разработать Sass таблицы стилей, ссылка наmain.css

<theme>
  +-src
     +-main
        +-webapp
           +-css
              +-main.css
              +-custom.scss

main.css изначально выглядит так:

@import url(custom.css);

/* other css import here */

custom.scss будет содержать некоторый контент SASS:

$color: #f00;
body {
    color: $color;
}

Теперь мой вопрос: как правильно связать CSS и SASS? Как работает@import заявление вmain.css должны быть определены?

Я старался@import url(custom.scss); но это не даст мне желаемых результатов. Точно так же,@import url(custom.css); тоже не буду этого делать.