Hey all, As part of the next release, I'm planning on doing a lot of cleanup of our massive heap of CSS code. As part of this, I want to start using SASS/SCSS (http://sass-lang.com/) to improve organization and maintainability.
Particularly, this would allow: - Splitting CSS into multiple files (by feature), instead of one large 3000+ line CSS. This is then compiled into one CSS during the build, so the browser doesn't have to make multiple requests. - Hierarchical organization, to reduce redundant selectors - Can easily utilize great helper libraries (i.e., http://bourbon.io,) and a semantic grid system for cleaner + responsive layout (i.e., http://neat.bourbon.io/) Since it supports all standard CSS syntax, our UI code can be gradually converted feature-by-feature, and we can still retain any legacy CSS for certain functionality, if necessary. The only problem I cannot handle is integrating the SASS compiler (which converts .scss->.css) into the UI build phase. I've found a maven plugin at https://github.com/Jasig/sass-maven-plugin, so if anyone wants to tackle that it would be awesome. Any other thoughts? -Brian