tweaking the Sass per scss-lint rules

Per https://github.com/causes/scss-lint (but alas, it is Ruby and i cant find a libsass version that is Node compatible), so this is an optional local, dev thing if you want to use it.

Also tried my hand at converting hardcoded color values into variables.

Comments inline below.

r= @nchapman
+1 your example sucked. 

Are you saying something like this:
```scss
$modal-button-hover-background-color: lighten($modal-button-background-color, 5%);
```

Yeah, we could do that. It'd add another 6 variables, but keep the colors closer together.