文档

最后更新于:2022-04-01 10:47:14

每一个旨在代码库中复用的变量、函数、混合宏和占位符,都应该使用[SassDoc](http://sassdoc.com/) 记录下来作为全部 API 的一部分。 ~~~ /// Vertical rhythm baseline used all over the code base. /// @type Length $vertical-rhythm-baseline: 1.5rem; ~~~ 需要三个反斜杠(`/`) SassDoc 主要有两个作用: * 作为公有或私有 API 的一部分,在所有的地方使用一个注释系统强制标准化注释。 * 通过使用任意的 SassDoc 终端(CLI tool, Grunt, Gulp, Broccoli, Node…),能够生成 API 文档的 HTML 版本。 本文档由 SassDoc 生成 这里有一个深入整合 SassDoc 生成文档的例子: ~~~ /// Mixin helping defining both `width` and `height` simultaneously. /// /// @author Hugo Giraudel /// /// @access public /// /// @param {Length} $width - Element’s `width` /// @param {Length} $height ($width) - Element’s `height` /// /// @example scss - Usage /// .foo { /// @include size(10em); /// } /// /// .bar { /// @include size(100%, 10em); /// } /// /// @example css - CSS output /// .foo { /// width: 10em; /// height: 10em; /// } /// /// .bar { /// width: 100%; /// height: 10em; /// } @mixin size($width, $height: $width) { width: $width; height: $height; } ~~~ ## 扩展阅读 * [SassDoc](http://sassdoc.com/) * [SassDoc: a Documentation Tool for Sass](http://www.sitepoint.com/sassdoc-documentation-tool-sass/)
';