Predefinição:Column-count

De Grupo Voalle
Revisão de 09h14min de 10 de maio de 2019 por Sergio.carlotto (discussão | contribs) (uma edição)
(dif) ← Edição anterior | Revisão atual (dif) | Versão posterior → (dif)
Documentação da predefinição[ver] [editar] [histórico] [purgar]

Esta predefinição é um atalho para a produção de colunas usando CSS. Ele gera o CSS para vários navegadores. Os navegadores suportados são as versões atuais do Firefox, Safari e Chrome.

Uso

Insira esta predefinição dentro de uma tag div de qualquer elemento bloco de estilo:

{{column-count | [número de colunas]}}

O número padrão de colunas é de 2.

Exemplo

  • <div style="{{column-count|3}}">Lorem ipsum...</div> irá produzir:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ver também