A custom importer for loading bower components (regardless of CSS or SCSS) into Sass templates. Use with the bower! prefix like: @import "bower!normalize-css/normalize";

bower_importer.rb

module Sass
  module Importers
    class BowerImporter < Sass::Importers::Filesystem

      SUPPORTED_EXTNAMES = ["css", "scss", "sass"]

      protected

      def extensions
        super.merge('css' => :scss)
      end

      def possible_files(name)
        if name.start_with? "bower!"
          name.sub!(/^bower!/, "")

          path = File.join(@root, name)
          SUPPORTED_EXTNAMES.each do |extname|
            lookup = "#{path}.#{extname}"
            if File.exist? lookup
              return [[lookup, extensions[extname]]]
            end
          end
        else
          super
        end
      end

    end
  end
end