Sass, Compass, compile all CSS file to one

sass compass-sass
MyMomSaysIamSpecial picture MyMomSaysIamSpecial · Oct 23, 2012 · Viewed 10.2k times · Source

Now, while I am developing my project I have three files, "main.css", "about.css" and "news.css" (for example). Is it possible to compile them into one "final.css" for production?

Answer

hopper picture hopper · Oct 23, 2012

The SASS import directive is used to import the contents of one file into another, so you could create a file final.scss whose contents are:

@import 'main';
@import 'about';
@import 'news';

You'd then need to rename your files to have "scss" extensions so the import directive will find them. If you don't want the main.scss, about.scss, and news.scss files to compile to CSS files themselves, you can use partials by prefixing the filenames with an underscore (i.e., _main.scss, _about.scss, _news.scss).

Related questions

File to import not found or unreadable: compass

I successfully installed Sass, but I'm having trouble importing Compass. The following is the error detail: *Syntax error: File to import not found or unreadable: compass. Load path: H:/HTML/___keoFull/sass ..... Backtrace: mainKeo.scss:2 style.scss:2 C:/Ruby193/lib/…

Read More
SASS :not selector

I have a :not css selector in SASS mixin but it doesn't do anything: Code Snippet: @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; @include tip($pos:$pos); } } } &.notip { @if $pos == …

Read More
Sass Background Image mixin

I'm kind of new to Sass, but I'm attempting to create a workflow for myself. I generate "color packs" for my theme designs and need to specify the following variables for my mixin. Is there a better way to do …

Read More