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

问题描述

我使用grunt-styleguide，我的模板设置为styledocco - 生成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.

我的诡计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 =enter image description here>

上图，测试文字和按钮应该已应用样式。

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 未被识别为有效的 markdown 。在您的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>

*/

删除错误标签您的样式指南将如下所示：

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

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