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;
}

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.

Mergulhe em programação