2014-07-26 5 views
0

J'utilise bootstrap-SASS (3.2.0.0). Je suivais un tutoriel et j'ai utilisé le code suivant dans app/assets/stylesheets/scaffolds.css.scss.Où sont les codes de couleurs bootstrap-sass?

.timestamp { 
    color: $grayLight; 
} 

Le résultat a été une erreur indiquant que $ grayLight est non précieux. Et j'ai trouvé a link dit la dénomination a changé de grayLight $ à $ gris clair.

, je cherche sur internet pour la documentation relative aux couleurs définies, mais je ne ai pas trouvé. Je pense que ce genre de documentation devrait exister. Totalement aucune idée quel code de couleur peut être utilisé.

Même j'utilisé find . -type f -exec grep -H "gray-light" {} \; il n'y a pas un tel fichier définit le code couleur.

Répondre

3

Tout d'abord, assurez-vous que vous naviguez sur la source de pierres précieuses ... bundle open bootstrap-sass. Naviguez ensuite: fournisseur/assets/stylesheets/bootstrap/_variables.scss

Reproduire la section pertinente pour votre commodité:

//== 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 

Note: ceci est de bootstrap-SASS v3.1.0.2 donc peut avoir changé en 3.2.0.0 quelque peu.

Je trouve les fichiers SCSS de pierres précieuses bootstrap-sass très facile à lire, donc je saute dans la source sur celui-ci assez souvent. Bonne chance!

Questions connexes