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

Reply via email to