StyleDocco输出文档确实应用了CSS

我正在使用grunt-styleguide，我的模板被设置为styledocco – 生成CSS样式指南。

当我运行任务时，它可以工作，但styledocco输出文件不会在演示元素上应用CSS。

我的styleguide的咕噜声：

styleguide: { dist: { options: { framework: { name: "styledocco" }, name: "FE KICKSTARTER V1.o" }, files: { "assets/css/styleguide": "assets/css/**/*.less" } } } 

我的输出如下：

在图片上方，testing文本和button应该已经应用了样式。 我已经检查configuration，事情似乎很好，但不知道缺less什么。

任何帮助？

Answer 1

@ chris-vdp绝对会把你放在正确的方向。 http://shekhardesigner.github.io/fe-kickstart/assets/css/styleguide/base-base.html中的评论不被视为有效的降价 。 在你的Less代码中replace：

 /* Base =============== This is a simple Base CSS <div class="h1">H1 type headers</div> */ 

有：

 /* Base =============== This is a simple Base CSS <div class="h1">H1 type headers</div> */ 

删除wrong选项卡后，您的样式指南将如下所示：

Answer 2

基地基地，我会尝试类似的东西。

 /*Base === This is a simple Base CSS ``` <div class="h1">H1 type headers</div> ``` */ .h1 { font-size:30px; font-weight:normal; } /*Type === Basic Typography styles ``` <h2>h2 style might go like </h1> ``` */ h2 { font-family:'Source Sans Pro'; color:#f90; } 

我开始时遇到了类似的问题。 你可以从你的源代码中看到html正在被转义。 另外值得注意的是styledocco对空间非常特别。