1
resposta

[Sugestão] .esconderVisualmente (alternativa)

Galera, notei que uma alternativa é não utilizar a classe .esconderVisualmente no trecho:

<span class="escondeVisualmente">Slide atual</span>

Na realidade a classe .listaDeArtigos-slider-item já foi preparada para esconder o texto todo do link.

Observe que os botões que aparecem são simplesmente o background-color do link com o formato arredondado.

.listaDeArtigos-slider-item {
  text-indent: -9999px; // esconde o texto todo
  display: inline-block;
  overflow: hidden;
  background-color: #d4d4d4;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 .5em;
  border: 0;
}

Porém se alguém sabe um pró de utilizar a classe .esconderVisualmente de forma redundante, compartilha aí por favor.

1 resposta

Oi Diego, tudo bem?

Super legal essa sua sugestão! Muito obrigada por compartilhar com a gente, pessoas como você fazem do fórum um lugar super legal de troca de conhecimentos!

Parabéns pela iniciativa.

Um abraço e bons estudos.