CODEWITHSUNDEEP
csssasscompass-sass
Anand Arur
Anand Arur

Reputation: 83

Use compass to compile scss file to a different css

I had a doubt regarding compiling the scss file using compass. For example I have 2 directories, 1 for Sass and another 1 for my CSS files. In my css directory, I have 2 CSS files... "xuvs.css" and "site.css"....

If I make changes in the "xuvs.scss" file, so during the final compilation, by default Compass applies the changes to "xuvs.css"... So is it possible to apply those changes in the "site.css" instead of "xuvs.css" file using compass?

Upvotes: 1

Views: 3155

Answers (1)

ctrlaltdel
ctrlaltdel

Reputation: 685

By default, Sass and Compass will output .css files for any matching .scss files that are not prefixed with an underscore. This is why your "css" directory contains the two compiled files: one for each of your .scss files.

It is possible to modify xuvs.scss and have it compile into site.css: you would do this via the @import rule, however, unless you changed the file name of xuvs.scss to _xuvs.scss, you would still have a separate, compiled file named xuvs.css. Files that are prefixed with an underscore are called partials.

It is considered a "best practice" to create partials and @import them into a single, compiled "base" .scss file. In your case, this compiled file would be called site.css.

Upvotes: 3

Related Questions