Making ubuntu.com responsive: our Sass architecture

I would like them to elaborate on their naming convention. How do you avoid name collisions? I always run into situations where I want something general on two different places and where they don't share anything. I usually end up prefixing the classes with something unsemantic like the section or part of page they're in. That also makes it harder to re-use since it's suddenly bound to that section.

I was a bit confuse by the title 'Sass architecture'. Here's the full list of articles:

http://design.canonical.com/2014/03/making-ubuntu-com-respon...

Still doesn't make much sense though. Perhaps they are using SaSS as a culture term.

It is strange that last guy in the pic is using mac book air :D

In case anyone else is unclear on the title, they mean Sass as in "Syntactically Awesome Stylesheets", the CSS extension language: http://sass-lang.com

(IOW, it's not a misspelling of SaaS.)