Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Não entendi como que o compass achou a pasta de sprite

Para minha pergunta ficar clara, deixa eu mostrar a estrutura de pastas:

Css
    Base
    Helpers
    Layout
    estilos.scss     <== Importo tudo aqui
Imagens
    Sprite
index.html

Nas aulas anteriores o professor tinha ensinado a dividir o código scss em vários arquivos e dividiu esses arquivos nas subpastas Helpers, Base e Layout. Para importar esses arquivos scss, o código ficou assim no arquivo estilos.scss:

@import "Helpers/variaveis";
@import "Helpers/mixins";

@import "Base/normalize";
@import "Layout/geral";
@import "Layout/header";
@import "Layout/destaque";
@import "Layout/sobre";
@import "Layout/planos";
@import "Layout/blog";
@import "Layout/contato";
@import "Layout/footer";

Agora o professor ensinou o poder do compass em criar sprites, para isso pediu para criar a subpasta Sprite dentro da pasta Imagens (que não está dentro da pasta css). E lá no estilos.scss, onde ele estava importando todo o código scss, ele pediu para fazer a importação da pasta Sprite adicionando essa linha ao código que coloquei acima:

@import "Sprite/*.png";

Como o código funcionou? Não existe a subpasta Sprite dentro da pasta Css...

1 resposta
solução!

Mauricio, bom dia!

Isso ocorre porque ele usa como referência o arquivo do próprio Compass e não o arquivo estilo.scss isso porque é o que está configurado no Compass, então quando for um arquivo de img ele procura no imagens e não no css

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software