Tag: sass
-
Debugging SASS in Chrome

In Firefox, viewing the original SASS line number directly has been possible using Firebug and FireSass. Similar, or even better functionality has very recently arrived in the stable release of Chrome. I just tried this out and it works wonderfully. See here for instructions: How to make Chrome understand the SASS/SCSS in your rails app…
-
SASS, LESS and nesting overload
Both SASS and LESS are really nice tools for CSS developers. Both have the ability to nest selectors like this: #header { h1 { font-size: 3em } p { font-size: 1.2em } } …which compiles to #wrapper h1 { font-size: 3em } #wrapper p { font-size: 1.2em } Nesting is really useful, just don’t go…