If you're using SASS, Grunt and Bower you may wonder "How do I @import the CSS file from a bower component I just installed?" Well I'm afraid you're asking the wrong question—@import is really only designed to import SCSS files (for now). But there is hope! grunt-contrib-sass also supports concatenation, and to use it simply include the CSS file…

Gruntfile.js

module.exports = function(grunt) {
  grunt.initConfig({

    // ...
    
    sass: {
      styles: {
        files: {
          'sass/styles.css': [
            'components/normalize-css/normalize.css',
            'sass/styles.scss'
          ]
        }
      }
    },

    // ...

  });
}