При написании стилей, часто возникает вопрос, вот тут бы переменную использовать, чтобы 100 раз не повторять.Недавно наткнулся на Sass (специальный язык написания стилей)? решил посмотреть, что за такое..
Что за Sass такой?
Авторы Хамптон Катлин и Натан Вайценбаум (http://hamptoncatlin.com/ http://nex-3.com/) называют его мета языком описания стилей. Синтаксис такой же стандартный как CSS, с той разницей, что Sass более логичный и удобный.
Разница
Sass дает больше возможностей при написании CSS. Можно писать что-то вроде функций с переменными, логически структурировать ваш код. Вот возможности Sass с примерами:
Более красивый код
В Sass нет точек с запятой и фигурных скобок, свойства располагаются по одному на строке.
Вложенность
Теперь для вложенных селекторов не нужно повторять селекторы родителей.
Переменные
Теперь если какое то значение повторяется много раз, можно использовать переменные. Так же возможны математические операции (например для размера шрифта).
Миксы
Что-то вроде функций, зачем писать одно и тоже много раз?
На чем работает?
Конечно же браузер такой код не понимает, как вы уже наверное догадались 
Так как он понимает только CSS, поэтому все это дело нужно компилить и отдавать браузеру. Для этого понадобиться фреймворк, поддерживается ASP.NET, Ruby, PHP. На офф. сайте есть инструкция по работе с Ruby (http://sass-lang.com/tutorial.html), для работы с PHP понадобится уже другой фреймворк (http://compass-style.org/)
Живые примеры
Есть спец страничка где можно писать код на Sass и видеть как это будет на CSS (http://lab.hamptoncatlin.com/play/with/sass) или http://sass-lang.com/try.html
Вывод
Все это конечно хорошо и сильно. НО! НО! НО! Как то все это немного геморно, да и если вы проекты отдаете и потом их правят, будет очень сложно объяснить людям, что вы там понаписали. Но перспективы явно есть, если это было бы в стандарте, то хорошо.
Например как аналог мне больше понравилось EXTCss (http://code.google.com/p/extcss/), более приятная вложенность и переменные.
ОФФ Сайт http://sass-lang.com/