StyleDocco输出文档确实应用了CSS [英] StyleDocco output docs does have CSS applied

问题描述

我使用grunt-styleguide，并将我的模板设置为styleedocco来生成CSS样式指南。

I am using grunt-styleguide, and my template is set to styledocco - to generate CSS styleguides.

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

When I run the task, it works but styledocco output files does not apply CSS on demo elements.

我的grunt init for styleguide：

styleguide: {
        dist: {
            options: {
                framework: {
                    name: "styledocco"
                },

                name: "FE KICKSTARTER V1.o"
            },

            files: {
                "assets/css/styleguide": "assets/css/**/*.less"
            }
        }
    }

我的输出如下：

img src =https://i.stack.imgur.com/9tnWp.pngalt =在此输入图像说明>

以上图像，测试文本和按钮应该已经应用了样式。我已经检查了配置文件，事情似乎很好，但不能确定丢失什么。

Above image, test text and button should have been styles applied. I have checked configs, things seems fine but not sure what is missing.

任何帮助？

推荐答案

@ chris-vdp 肯定会使您处于正确的方向。 http://shekhardesigner.github.io中的评论/fe-kickstart/assets/css/styleguide/base-base.html 不被认定为有效的降价。在您的Less代码中：

@chris-vdp definitely puts you in the right direction. The comments in http://shekhardesigner.github.io/fe-kickstart/assets/css/styleguide/base-base.html are not recognized as valid markdown. In your Less code 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>

*/

删除 / code>标签您的样式指南将如下所示：

After removing the wrong tabs your style guide will look like that shown below:

这篇关于StyleDocco输出文档确实应用了CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！