loomi/section · loomi/layout

Secção e arranjo

Uma secção do guia de componentes. Cada exemplo é feito com o próprio bloco — o que se vê aqui é o que sai numa página real.
loomi/section · loomi/layout

Secção e arranjo

A secção decide a superfície, a folga vertical e a largura. O arranjo decide como os filhos se dispõem: pilha, linha ou grelha.

Arranjo: grelha de 3

Superfície: normal, recuada ou invertida.

Largura: conteúdo, larga, máxima ou toda.

Folga: oito degraus, de nenhuma a 2xl.

Arranjo: linha

Colunas — core/columns

O bloco nativo do editor. O que ele desenha aqui e o que sai numa pagina real: tres colunas iguais que empilham no ecra estreito, sem que ninguem escreva uma media query.

Primeira coluna. A largura vem da grelha do bloco e nao de uma percentagem escrita a mao.

Segunda coluna. Empilha por baixo da primeira quando a largura deixa de chegar.

Terceira coluna. A ordem no editor e a ordem na pagina.

vamos trabalhar juntos

agendar contacto