Use variables for media queries

@FranciscoP I am going to create `rails asset gem` for picnic.
Is it ok with you if all variables will be prefixed with `picnic` to avoid naming conflicts?

For instance: `$white` -> `$picnic-white` and so on.

[sass !default](http://robots.thoughtbot.com/sass-default)