Colocando position: fixed no nav-content em vez de absolute.
Inserindo um clear: both no container que vem logo após do header para corrigir alinhamento.
Fazendo variaveis pra media queries

Agora, se você quiser definir um código para smartphones, tablets ou
desktops basta seguir as variáveis criadas em grid.sass.

$small-screens: "only screen and (max-width: 980px)"
$medium-screens: "only screen and (min-width: 980px)"
$big-screens: "only screen and (min-width: 1200px)"

@media #{$big-screens}
Para códigos vistos em desktop e grandes telas

@media #{$small-screens}
para pequenas telas e smartphones

@media #{$medium-screens}
para phablets, tablets, netbooks e etc.
Trocando mediaquerie para novas variaveis de grid.
Trocando nomenclatura de variaveis dos mixins para o padrão com nome-sobrenome.
retirando imposts de arquivos repetidos e incluindo colors.
Iniciando cores.
Definindo tamanho dos links com ícones na sidebar.
Transformando o icons.css em _icons.sass
arrumando medidas e distancias do icones na direita
reescrevendo manual de botões.
Transformando o icons.css em _icons.sass
Pequenas mudanças no Readme.
Fazendo primeira base de cor.

Criei a primeira base de cor, usando cores do email marketing.
É só começar a seguir esse padrão que vai dar certo. ;-)

Ainda falta fazer o padrão de cinza. O Deivid falou comigo e disse que
vai fazer.
resolvendo conflito do icons, inserindo código mais novo