Стайлгайд SASS, получается не красиво, что я делаю не так?
Имхо, вложенностью вы убиваете одну из основных концепций расширяемости - увеличиваете специфичность. Такой вложенности, что у вас, в идеале вообще быть не должно (разве что в очень специфичных случаях), максимум 2, в редких случаях 3 уровня, не больше.
Также присоединюсь к комментарию Максим Антонихин - разбивайте на файлы по области их применения (хедер, формы, спец. стили для отдельной страницы и т.п.).
P.S. также большое количество вложенных селекторов увеличивают размер css в итоге, что может быть заметным.
"Красивые стили" получаются только руками в чистом CSS.
От вложености в вашем случае только хуже. 
Посмотрите на CSS в браузере после обработки - там настоящий жестяный УЖОС... Там куча длинных селеторов которые бы вы руками писать не стали.section.bullets table tr td.date span.title {    /* должен быть селектор .bullets .date .title */
  font-size: 12px;
  text-transform: uppercase;
  color: #777;
  font-weight: normal;
  display: block;
}
section.bullets table tr td.date span {      /* как максимум .bullets .date span */
  font-family: gotham;
  font-size: 16px;
  color: #777;
  font-weight: 600;
  display: block;
}
section.bullets table tr td.fav {      /* максимум селектор .bullets .fav */
  padding-right: 40px;
}
section.bullets table tr td.fav a.btn {        /* .bullets .fav .btn */
  text-decoration: none;
  padding-top: 8px;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}
section.bullets table tr td.fav a.btn:hover {    /* .bullets .fav .btn:hover */
  color: #5824dc;
  border-color: #5824dc;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}
Хотите красиво - пишите на чистом CSS.
Хотите быстро писать - пишите на SASS 
Но в общем случее ЭТО будет и не так!!! Нужно чётко понимать что будет после разворачивания.