bootstrap-sass顏色代碼在哪裏？

Question

我正在使用bootstrap-sass（3.2.0.0）。我正在關注教程，並在app/assets/stylesheets/scaffolds.css.scss中使用了以下代碼。

.timestamp { 
    color: $grayLight; 
} 

結果是一個錯誤，指出不值錢的$ grayLight。我發現a link表示命名已從$ grayLight更改爲$ gray-light。

我在網上尋找關於定義顏色的文檔，但是我沒有找到它。我認爲這種文件應該存在。完全不知道可以使用哪種顏色代碼。

即使我用find . -type f -exec grep -H "gray-light" {} \;也沒有這樣的文件定義顏色代碼。

Answer 1

首先，確保您正在瀏覽寶石源... bundle open bootstrap-sass。然後瀏覽到：供應商/資產/樣式表/引導/ _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 

注：此爲自舉薩斯v3.1.0.2所以可能在3.2.0.0有所改變。

我發現bootstrap-sass gem的SCSS文件非常容易閱讀，所以我經常跳進這個源代碼。祝你好運！