current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

I am new to sass and compas, and I am trying to optimise my code. I would like to separate my css files, so I can have page specific css files only included in the pages that require them.

e.g.

<link rel="stylesheet" href="stylesheets/global.css" />
<link rel="stylesheet" href="stylesheets/thispage.css" />

My global sass file contains several partials for fonts, buttons etc. Each of these included partials contain mixins and variable that I want to extend from in my individual page scss files while keeping generated page specific css files seperate.

Is this possible?

share|improve this question
    
No, not unless you include the files, but that is not what your doing –  Connor Jun 14 '13 at 8:41
    
Whatever files you @import you will have access to the variable's and @mixins inside –  Connor Jun 14 '13 at 8:42

1 Answer 1

up vote 1 down vote accepted

You can't include variables in your .css files. You can just do that in your .scss or .sass files. And you have to @import the file that has the variables into the file you want to use them.

For example, in your general.scss you have:

$blue = #00FFFF;

And you need use it in another file, you need to import that file:

@import 'general';

a {
  color: $blue;
}
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.