Importing Bootstrap on a Grunt Compass build task
Say you got a Compass project and you want to add some Bootstrap goodness to the /app/styles/main.scss like so:
@import "bootstrap";
#dialog-wrapper-contacts.contacts-dialog .dialog-modal .modal-body {
.dropdown {
display: inline;
}
}
In the Gruntfile you need to add Bootstrap to the importPath:
},
compass: {
options: {
sassDir: '<%= yeoman.app %>/styles',
cssDir: '<%= yeoman.app %>/styles',
generatedImagesDir: '.tmp/images/generated',
imagesDir: '<%= yeoman.app %>/images',
javascriptsDir: '<%= yeoman.app %>/scripts',
fontsDir: '<%= yeoman.app %>/styles/fonts',
importPath: [ '<%= yeoman.app %>/bower_components', '/Users/christian/.rvm/gems/ruby-1.9.3-p484/gems/bootstrap-sass-3.1.1.1/vendor/assets/stylesheets/'],
httpImagesPath: '/images',
httpGeneratedImagesPath: '/images/generated',
relativeAssets: false
},
- Pushed on 12/31/2014 by Christian
