Bradley Wood's Liferay Tips

to use these features in Liferay 6.1 just add

@import “compass”;

at the top of your custom.css file in your theme.

Resources: SaSS and Compass

here are some things I like about it:

COMPASS:
@include border-radius(4px);
OUTPUTTED CSS:
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;

SASS lets you set variables and use them throughout your code:
$dark-blue: #2C4762;
$mobile-view-width: 300px;
$default-margin: 20px;
$calc-width: $mobile-view-width - $default-margin;