Sass CSS Importer Plugin
The Sass CSS Importer allows you to import a CSS file into Sass.
Stylesheet Syntax
The .css
extension triggers special behavior in Sass so you cannot
import a file with a CSS extension. To work around this, you must use a
special prefix on the import string and omit the extension.
@import "CSS:some_folder/some_css_file"
Installation
$ gem install --pre sass-css-importer
Use with the Sass command line
$ sass -r sass-css-importer --watch sass_dir:css_dir
Note: several -r options can be given to the sass command line if you need to require several libraries.
Use with compass
Add the following to your compass configuration:
require 'sass-css-importer'
More complex scenarios
This plugin assumes you want to import CSS files relative to a Sass file. More complex scenarios are acheivable by adding a CSS Importer to the Sass load path option explicitly.
For example, in compass you can do the following in your config.rb
file:
require 'sass-css-importer'
add_import_path Sass::CssImporter::Importer.new("/path/to/the/css/files")