php - Pattern Lab 的 CSS 更改不起作用

Question

我是模式实验室的新手。我已经安装了 Pattern Lab PHP Mustache 模板。

我可以编辑模式并查看输出的变化。但是，如果我编辑 css 文件，更改不会反映在输出中。我使用 php core/console --generate 来生成文件，但仍然无法在 css 上工作。

如何生成 CSS 以使更改反映在输出中？

谢谢。

Answer 1

那是因为Pattern lab样式指南是在 iframe 中呈现的。所以所有生成的 CSS 都在那里。

为了更改它，您应该分叉 styleguide starterkit 并按照此处的建议对其进行自定义：https ://github.com/pattern-lab/patternlab-php/issues/380 。

您可以通过分叉来自定义 Pattern Lab 的 UI：https ://github.com/pattern-lab/styleguidekit-assets-default并在那里调整样式和标记。

Answer 2

在你的 css 代码中使用 !important 像这样，

div{
background-color: red !important;
}

这应该绝对有效。