Ícones
Notas:
A maioria, se não todos os sites, têm ícones, portanto, há uma maneira simples de fazer referência a ícones para os autores.
Os ícones são mencionados como :<iconname>: notação. Como há diferentes maneiras de implementar ícones no navegador, como classes css simples, fontes de ícone ou SVG, oferecemos uma maneira não intrusiva de oferecer suporte a todos eles.
O projeto padrão inclui um mecanismo automático para inserir SVG no ícone `\`s, pois essa é a maneira mais comum de lidar com os ícones.
Embora alguns ícones precisem estar no código (ícones referenciados em blocos, por exemplo), há momentos em que os autores precisam adicionar e referenciar novos ícones e atualizá-los continuamente. Esses ícones podem e devem viver com o conteúdo em um /icons/ na fonte de conteúdo (por exemplo, Sharepoint ou Google Drive). Esses ícones também podem ser referenciados exatamente da mesma maneira usando o :<iconname>: notação. Isso permitirá que os profissionais de marketing adicionem e atualizem os ícones de que precisam para o conteúdo sem qualquer dependência em uma alteração de código.
Exemplo:
Estrutura de conteúdo:
A variável :<iconname>: pode ser inserido como parte de todas as construções de Conteúdo padrão.
Código:
Os ícones são Conteúdo padrão e são estilizados no código CSS específico do projeto. Se houver algum JavaScript necessário para carregar os SVG, ele poderá ser adaptado conforme necessário.
Este código está incluído na Boilerplate, não há necessidade de copiá-lo.
Consulte Código de carregamento do SVG