模式实验室的CSS变化不起作用

Question

我是Pattern Lab的新手。我已经安装了Pattern Lab PHP Mustache Template。

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

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

感谢。

Answer 1

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

div{
background-color: red !important;
}

这应该是肯定的。

Answer 2

那是因为模式实验室样式指南是在iframe中呈现的。因此，所有生成的CSS都住在这里。

要进行更改，您应该派生样式指南入门工具包，并按照此处的建议进行自定义：https://github.com/pattern-lab/patternlab-php/issues/380。

  

您可以通过以下操作来自定义Pattern Lab的用户界面：https://github.com/pattern-lab/styleguidekit-assets-default，然后在其中调整样式和标记。