Question

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

.timestamp {
    color: $grayLight;
}

结果是一个错误，表明没有价值的$ greyLight。我发现a link表示命名已从$ grayLight变为$ grey-light。

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

即使我使用find . -type f -exec grep -H "gray-light" {} \;，也没有这样的文件定义颜色代码。

Answer 1

首先，请确保您正在浏览宝石来源...... 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文件非常容易阅读，所以我经常跳到这个文件的源头。祝你好运！

bootstrap-sass颜色代码在哪里？

1 个答案: