grayscale-sass
grayscale-sass copied to clipboard
more flexible paths in the Sass files
for example the _bootstrap.scss
file contains now:
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap";
I suggest to replace the above with
@import "bootstrap-sass-official/assets/stylesheets/bootstrap";
And then in Gulpfile.js
add the includePaths
set to ['bower_components/']
to the compile task.
Motivation: using grayscale-sass in a Ruby on Rails, see http://bassjobsen.weblogs.fm/install-start-bootstrap-theme-ruby-rails-4-using-sass/
I think it may sense to install grayscale-sass with bower, so i my bower.json i got:
"dependencies": {
"grayscale-sass": "blackfyre/grayscale-sass"
}
The above installs grayscale-sass ans its dependencies in my bower_components
folder.
Now my appllication.scss
imports bower_components/grayscale-sass/assets/sass/main.scss
and then bootstrap-sass-official
can be found due to the ../../
.
For the same reason is suggest to change the$icon-font-path
declaration too, as follows:
$grayscale-sass-icon-font-path: '/fonts/' !default; $icon-font-path: $grayscale-sass-icon-font-path;
Originally I the template wasn't intended to be installed as a bower package, but as a boilerplate template. But thank you for the detailed instructions for the conversion, and the merge requests are a big :+1: :smile: