Я обычно выношу в переменные коды цветов (типа $face: #face8d). Это удобное расширение для именования тех цветов, CSS-имён у которых нет. Плюс ещё и в том, что $face можно применить и для bg, и для color, и ещё много для чего. Иначе вы сами себя делаете заложником своего же кода.
И сто элементов писать не нужно в одну строку — этим компилятор займётся.
Хорош тот CSS, который не нужно много скроллить, чтобы внести пару изменений =)
Я предпочитаю первый вариант. Код легче читать и проще поддерживать, когда свойства сгруппированы.
Конечно, до пены у рта придерживаться этого правила тоже не стоит: исходите из контекста конретной задачи и делайте наиболее логично.
