Quando você seleciona um contêiner (como a coluna principal ou uma linha), o painel de estilo mostra controles de layout que afetam tudo o que está dentro dele. Contêineres são a estrutura básica da sua assinatura: eles determinam como os blocos são organizados e espaçados.
Layout
| Configuração | O que faz |
|---|
| Direção | Escolha Linha (elementos lado a lado) ou Coluna (elementos empilhados) |
| Alinhamento | Alinhe o conteúdo à esquerda, ao centro ou à direita dentro do contêiner |
| Fundo | Defina uma cor de fundo usando o seletor de cores ou um código hexadecimal |
| Espaçamento | Espaço entre os elementos filhos dentro do contêiner |
| Preenchimento | Espaço entre a borda do contêiner e seu conteúdo. Use o campo global para um preenchimento igual em todos os lados ou expanda para definir Topo, Direita, Base e Esquerda individualmente |
Use Direção → Linha combinada com Alinhamento → Centro para centralizar elementos horizontalmente. Por exemplo, centralizar ícones de redes sociais em uma linha.
Texto
Quando um contêiner inclui conteúdo de texto, a seção de texto aparece com opções de fonte, tamanho, cor, opacidade, altura da linha e formatação. Essas configurações se aplicam como padrão ao texto dentro do contêiner.
| Configuração | O que faz |
|---|
| Fonte | Escolha entre fontes seguras para web: Helvetica, Arial, Arial Narrow, Tahoma, Georgia, Times, Garamond, Verdana, Lucida, Trebuchet |
| Tamanho | Tamanho da fonte em pixels |
| Cor | Cor do texto: use o seletor de cores ou digite um código hex |
| Opacidade | Transparência do texto (100% = totalmente visível) |
| Altura da linha | Espaço entre as linhas de texto |
| Formatação | Negrito, itálico, sublinhado, tachado, maiúsculas |
