Como obter indentação adequada de sass para css?

Question

Eu sou um novo usuário do sass. quando estou digitando style.scss e convertido em style.css , os recuos da folha de estilo são muito ruins. O style.css não obteve o recuo adequado.

Estou usando c9.io aqui está a tela do meu style.scss e style.css

Obrigado

    

Answer 1

É assim que o SASS compila, o filho de todos os pais será indentado.

Você pode ver como painel de cabeçalho , miniaturas , painel-rodapé classes são crianças diretas para a classe featured_post e estão no mesmo nível de recuo.