Pergunta

Quando um aplicativo rails é criado com rails 3.1 ou 3.2.0.rc2, por padrão, ele cria um arquivo app/assets/stylesheets/application.css, no entanto, cada controlador / modelo criado a partir daí cria um app/assets/stylesheets/<controller or model name>.scss.

Por que um application.scss não é criado por padrão?

Como você incorpora corretamente um application.scss e se livra inteiramente do application.css?

Foi útil?

Solução

Gostaria apenas de renomeá-lo para application.scss e então você pode importar seus outros arquivos .scss como este:

// Inside application.scss

// HTML Reset
@import "reset.scss";

// Users CSS
@import "users.scss";

Quando você compilar o SCSS, ele gerará o application.css para você a partir de todos os outros arquivos importados ou CSS dentro desse arquivo.

Outras dicas

application.css apenas funciona como um governanta, ele representa a ordem correta de outros arquivos .scss.

Colocar o CSS real de trabalho em application.css pode não ser uma boa prática, como o comentário gerado pelo rails abaixo:

Você é livre para adicionar estilos de todo o aplicativo a este arquivo e eles aparecem no topo do arquivo compilado, mas geralmente é melhor crie um novo arquivo por escopo de estilo.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top