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;
}