Question

How do I change the link colors in RoR 3.2.3 with Bootstrap-Sass. i’ve tried to add a rule in my custom.css.scss but it isn’t working. Did a search and read something about /vendors/assets/stylesheets/variables.css.scss but this file doesn’t appear in the /vendors/../stylesheets directory. Any ideas?

Answer 1

In the custom.css.scss file you created, you need to set the bootstrap variables before you @import "bootstrap"(it is important to note that the variables in the twitter documentation are using LESS style syntax not Sass/SCSS). For instance, if you wanted bright red links that changed to black on hover, you would place this in your custom.css.scss

$linkColor:      #FF0000;
$linkColorHover: #000;

@import "bootstrap";

The variables must be defined before the import otherwise the default values are used.