0

我正在使用 Sassdown 设置一个小 Grunt.js 来创建样式指南。我在 github 上找到了它 - https://github.com/sturobson/Squeeler

用于创建样式指南的特定代码是 -

sassdown: {
  options: {
    template_assets: 'source/styleguide/',
    template_html: 'source/styleguide.hbs',
    includes: 'source/site_includes.hbs'
  },
  files: {
    expand: true,
    cwd: 'sass/partials',
    src: ['**/*.scss'],
    dest: 'styleguide/'
  }
}

我也在使用 grunt connect 并且它可以很好地启动页面。但由于某种原因，它没有创建应有的 HTML 的 iframe。

.scss 文件具有正确的降价和 (S)CSS -

/*

Alerts
======

Creates an alert box notification using the `.alert-` prefix. The following options are available:

    <p class="alert-success">Winning</p>
    <p class="alert-warning">Steady</p>
    <p class="alert-error">Oh Shit!</p>

*/

@mixin alert($colour){
  color: darken($colour, 50%);
  background: $colour;
  border-radius: 5px;
  margin-bottom: 1.2em;
  padding: 1em;
}

.alert-success { @include alert(#e2f3c1) }
.alert-warning { @include alert(#fceabe) }
.alert-error   { @include alert(#ffdcdc) }

车把文件 - https://github.com/sturobson/Squeeler/blob/master/source/styleguide.hbs -应该从上面生成一个 iframe。但事实并非如此。

我确实有这个工作，我不确定我做了什么来打破它。

4

1 回答 1

1

Sassdown 开发人员在这里。这是由于 Sassdown 没有注册使用制表符而不是空格缩进的 Markdown 代码块。刚刚在最新版本（0.0.9）中修复了这个问题。克隆您的存储库以测试并更新 Gruntfile 中的依赖项版本。IFRAME 加载正常。祝你好运！

于 2013-11-01T17:25:26.083 回答