to use these features in Liferay 6.1 just add
at the top of your custom.css file in your theme.
here are some things I like about it:
SASS lets you set variables and use them throughout your code:
$calc-width: $mobile-view-width - $default-margin;
To View un-minified CSS add “css_fast_load=0” to your url
To View un-minified JS add “js_fast_load=0” to your url
By Default the Navigation Portlet doesn’t traverse the selected class up to the root element; only to the current page that is selected.
If the Nav tree is deep of levels, if set to add the selected class by default it could cause some loading time issues
Notice in this picture Page1 isn’t bold, because the selected class isn’t added to it.
This is the html markup of the navigation portlet by default with the following Customizations:
clip: rect(0 0 0 0);
hides the localized checkbox when editing Web Content