Import CSS files as SCSS
The Sass CSS Importer allows you to import a CSS file into Sass.
The
.cssextension 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"
$ gem install --pre sass-css-importer
$ 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.
Add the following to your compass configuration:
require 'sass-css-importer'
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.rbfile:
require 'sass-css-importer' add_import_path Sass::CssImporter::Importer.new("/path/to/the/css/files")