引导程序无效的颜色代码在哪里？

Question

我正在使用bootstrap-sass（3.2.0.0）。 我正在学习教程，并且在app/assets/stylesheets/scaffolds.css.scss使用了以下代码。

.timestamp {
    color: $grayLight;
}

结果是一个错误，指示未定义的有价值的$ grayLight。 我发现一个链接说，命名已从$ grayLight更改为$ gray-light。

我在互联网上寻求有关定义的颜色的文档，但没有找到。 我认为这种文档应该存在。 完全不知道可以使用哪种颜色代码。

甚至我也用过find . -type f -exec grep -H "gray-light" {} \\; find . -type f -exec grep -H "gray-light" {} \\; 没有此类文件定义颜色代码。

Answer 1

首先，确保您正在浏览gem来源... bundle open bootstrap-sass 。 然后浏览到： vendor / assets / stylesheets / bootstrap / _variables.scss

为了方便起见，在此处复制相关部分：

//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-darker:            lighten(#000, 13.5%) !default; // #222
$gray-dark:              lighten(#000, 20%) !default;   // #333
$gray:                   lighten(#000, 33.5%) !default; // #555
$gray-light:             lighten(#000, 60%) !default;   // #999
$gray-lighter:           lighten(#000, 93.5%) !default; // #eee

注意：这来自bootstrap-sass v3.1.0.2，因此在3.2.0.0中可能有所更改。

我发现bootstrap-sass gem的SCSS文件非常易于阅读，因此我经常跳入这一源。 祝好运！