Изменения в CSS лаборатории шаблонов не работают

Я новичок в лаборатории шаблонов. У меня установлен шаблон Pattern Lab PHP Mustache Template.

Я могу редактировать шаблоны и видеть изменения на выходе. Однако если я редактирую css-файлы, изменения не отражаются на выходных данных. Я использую PHP core / console —generate для создания файлов, но все равно не буду работать на css.

Как создать CSS, чтобы изменения отражались на выходных данных?

Спасибо.

2 ответа

  1. В вашем css коде используйте !важный
    Вроде этого,

    div{
    background-color: red !important;
    }
    

    Это должно, безусловно, работать.

  2. Это было бы потому, что Pattern lab styleguide отображается в iframe. Таким образом, все сгенерированные CSS живут там.

    Для того, чтобы изменить его, вы должны вилка styleguide starterkit и настроить его, как предлагается здесь: https://github.com/pattern-lab/patternlab-php/issues/380 .

    Пользовательский интерфейс лаборатории шаблонов можно настроить следующим образом: https://github.com/pattern-lab/styleguidekit-assets-default и настройка стилей и разметки там.