Espaçamento

As especificações de espaçamento permitem posicionar os elementos de maneira consistente nos layouts.

Espaçamento horizontal

O espaçamento horizontal entre os componentes é definido a partir do Gutter (ver: Grid), como mostrado no exemplo abaixo:

Exemplo de uso do espaçamento horizontal

Espaçamento vertical

O espaçamento vertical pode ser usado para agrupar elementos num mesmo
contexto ou para segmentar diferentes conteúdos.

Variação de espaçamento vertical
  • Função Espaçamento
  • Agrupamento 20px ou 40px
  • Segmentação de conteúdo 80px ou 160px
Exemplo de uso dos espaçamentos verticais