Tabela CSS Sprite

Question

Existe alguma tabela ou lista para ajudar a reutilizar imagens Sprites do SharePoint?Eu gostaria de reutilizar, por exemplo.ícones de /_layouts/15/images/spcommon.png?rev=23

Edite após a resposta do Tiago

Obrigado pela resposta para usar um gerador Sprite.No entanto, eu estava pensando mais em uma maneira de reutilizar o CSS existente.Por exemplo, se eu "reutilizar" o seguinte trecho de HTML:

<a id="idHomePageNewItem" class="ms-heroCommandLink">
  <span class="ms-list-addnew-imgSpan20">
  <img id="idHomePageNewItem-img" src="/sites/jriemer/_catalogs/theme/Themed/386EAB37/spcommon-B35BB0A9.themedpng?ctag=2" class="ms-list-addnew-img20">
  </span><span>Add New Event</span></a>

Recebo o "sinal de mais no círculo" junto com o efeito de foco.

Eu esperava obter algumas informações sobre como fazer isso para o restante dos sprites CSS, como a seta em círculo (e fazendo isso sem a necessidade de identificar seu uso em algum lugar da página).

Em qualquer caso, se não houver resposta a esse respeito aceitarei a do Tiago pois é então a melhor solução

Answer 1

você pode usar sprite cow para gerar seu css

http://www.spritecow.com/

Eric Overfield tem uma bela postagem nisto

Atualizar:

Vou vincular alguns recursos adicionais:

https://stackoverflow.com/questions/1452961/how-to-find-pixel-position-of-image-from-sprite-image

https://getspritexy.netlify.com/

Postagem de Eric (da máquina Wayback) - parece que a live está quebrada