Posted by Chris on 02/01/08 23:09

I've got a puzzling problem.

We have multiple sites that use the same large css file. I just make a
copy of it for each site. For each site, though, I'd like to customize a
couple small things like link color.

I could just edit each copy of the css file, but that would make it hard
to maintain when I want a change to appear in all sites.

The ideal solution would be to use an <include> in the css file:

my-big-file.css would be:

#mystyle {
whatever:10px;
}
<include include="my-custom-css.css">

Then for each site, "my-custom-css.css" could be different.

The obvious solution here is to break it up into two different css files
and include both in every page in every site. This would affect a lot of
pages unnecessarily, though, and would be cumbersome if I ever had to
break it into 2, 3, or 4 small css files. A single include statement in
one file would be a lot cleaner.

Is there some way to do this kind of include?

[Back to original message]