Monday, November 14, 2011

Groan! Sass is great, but incomplete


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. 
Post a Comment