grayscale-sass icon indicating copy to clipboard operation
grayscale-sass copied to clipboard

more flexible paths in the Sass files

Open bassjobsen opened this issue 9 years ago • 1 comments

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;

bassjobsen avatar May 15 '15 00:05 bassjobsen

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:

blackfyre avatar May 18 '15 13:05 blackfyre