Seduced by the lure of smaller, cleaner, neater, and more responsive stylesheets, I began moving my home page to Compass and SASS. I installed compass, and got the basic framework in place quickly.
Then I went away for a while.
When I came back, it was because I had the brilliant idea to clean up the media selectors I had made a mess of. "Variables," I thought, "Why, SASS' variable interpolation would make that much easier!"
Sadly, this is not yet the case as of version 3.1.10 :
Syntax error: Invalid CSS after "(max-width: ": expected expression (e.g. 1px, bold), was "$phone-height) {"
on line 33 of /Users/mamiano/workspace/mitch.amiano.agilemarkup.com/sass/screen.scss
from line 1 of /Users/mamiano/workspace/mitch.amiano.agilemarkup.com/sass/index.scss
Backtrace:
Well, they are pushing to fix it in version 3.2. The thought occurs to me that for simple cases, a regexp replacement could do the trick if it could be inserted before Compass processed the file through SASS.
