1
resposta

Novos background-position (sprite)

1) Por que e em que momento o Compass cria essas novas definições ("sprite-icone-ok" e "sprite-icone-x")?

2) Ao criar novas definições "sprite" o Compass mantém (não apaga, nem sobrescreve) as definições anteriores, certo?

3) As novas classes "sprite" criadas pelo Compass devem ser atualizadas (renomeadas) no index.html e então as anteriores devem ser apagadas manualmente no arquivo planos.scss pois perdem a referência e deixam de ter utilidade, embora não interfiram mais na execução do código, certo?

.sprite-icone-ok {
  background-position: 0 0;
}
.sprite-icone-x {
  background-position: 0 -23px;
}

.icone-ok {
  background-position: -5px -5px;
}
.icone-x {
  background-position: -33px -5px;
}
1 resposta

Fala ai Selene, tudo bem? Vamos lá:

1) Por que e em que momento o Compass cria essas novas definições ("sprite-icone-ok" e "sprite-icone-x")?

Basicamente ele vai concatenar com o nome da imagem e adicionar o prefixo sprite nelas. No caso icone-ok é porque existe uma imagem chamada icone-ok.png.

2) Ao criar novas definições "sprite" o Compass mantém (não apaga, nem sobrescreve) as definições anteriores, certo?

Exato, ao criar novas definições ele vai manter as anteriores.

3) As novas classes "sprite" criadas pelo Compass devem ser atualizadas (renomeadas) no index.html e então as anteriores devem ser apagadas manualmente no arquivo planos.scss pois perdem a referência e deixam de ter utilidade, embora não interfiram mais na execução do código, certo?

Certo, é isso mesmo, as antigas você precisa apagar ou atualizar para os novos valores.

Espero ter ajudado.

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