Micro-Themes: Configurações responsivas para viewports pequenos e extra pequenos

Existem duas categorias de Micro-Theme para ajudar na publicação de ajustes que precisam ser feitos especificamente nas janelas de exibição SM e XS. Elas podem ser encontradas nas listas "Responsive Settings – SM" e “Responsive Settings – XS” nos Micro-Themes.

Dentro dessas duas categorias, há uma variedade de ajustes comumente necessários para aplicar. Esses micro-themes APENAS se aplicam aos viewports SM ou XS.

  • Center Align

Alinhar o conteúdo ao centro

  • Left Align

Alinhar o conteúdo à esquerda

  • Right Align

Alinhar o conteúdo à direita

  • Black Background

Substitui o fundo e o deixa preto

  • White Background

Substitui o fundo e o deixa branco

  • Black Transparent Background

Substitui o fundo e o deixa preto transparente

  • White Transparent Background

Substitui o fundo e o deixa branco transparente

  • Remove Background Image

Remove a imagem de fundo

  • Remove Borders

Remove todas as bordas

  • Add Black Border Bottom

Adiciona uma borda preta na parte inferior

  • Add White Border Bottom

Adiciona uma borda branca na parte inferior

  • Remove Fixed Height

Remove qualquer propriedade de “height” (altura) que tenha sido definida

  • Remove Fixed Width

Remove qualquer propriedade “width” (largura) que tenha sido definida

  • No Margins

Remove todas as margens

  • Padding 1em

Substitui as propriedades de preenchimento e define todo o preenchimento (superior, direito, inferior, esquerdo) para 1em

  • Padding 0.5em

Substitui as propriedades de preenchimento e define todo o preenchimento (superior, direito, inferior, esquerdo) para 0,5em

  • Padding Block

Substitui a propriedade "display" e a define como bloco

  • Padding Inline Block

Substitui a propriedade “display” e a define para inline-block