In case you don't know it, HSS is a small CSS compiler I wrote some time ago.
I took some time to add support for a few new CSS properties that modern browser support, and that will now be much more usable thanks to HSS :
opacity: will also generate the corresponding IE filter alpha
border-top-left-radius, etc) : will also generate
-webkit-border-radiusfor Firefox and Chrome/Safari support
box-shadow: will also generate both
-webkit-box-shadowfor Firefor and Chrome/Safari support
text-shadow: supported by HSS, but doesn't show anything on IE6-8
display : inline-block: will add a IE fix to get correct support
color : rgba(r,g,b,a): will add a solid color default value for browsers which don't support
background-color : rgba(r,g,b,a): will add a solid color default value for browsers which don't support
rgba, and also add some IE6-8 hacks that correctly display the transparent background color. The only drawback is that the block background image will display below the background color.
hss-height: will generate
heightfrom which will be subtracted the padding and border values declared in the current block.
HSS 1.2 also adds support for operations (such as
20px + 15px or
#FF0000 * 0.4). You can read the whole HSS documentation and download it from the HSS Project Page.