Project Description
CSSP extends the CSS language to help you develop and maintain sane CSS code. Now you can do what you've always wanted to do in CSS:

* Define constants in CSS files, and use them throughout your codebase.
* Import constants from other files.
* Emit browser-specific CSS code.

Example:

A snippet of code is worth a thousand words...

include.cssi:
define $appPath "/MyProject"
define $imagesPath "$appPath/images"
define $bodyFont "font-family:arial; font-size:9pt; color: #444"

default.cssx:
import "include.cssi"

.button {
background-image:url($imagesPath/button.gif);
$bodyFont;
target ie6
zoom:1;
endtarget
}

After running default.cssx through cssp.exe you will have the following two files:

default.css:
.button {
background-image:url(/MyProject/button.gif);
font-family:arial; font-size:9pt; color: #444;
}

default-ie6.css:
.button {
background-image:url(/MyProject/button.gif);
font-family:arial; font-size:9pt; color: #444;
zoom:1;
}

Last edited Oct 6, 2009 at 1:16 AM by alekop, version 6