Ícones: Ícones com vários tamanhos. icon-2xl - icon-xs
Bel
Bel
Bel
Bel
Bel
Bel
Pictures como icones: Imagens com vários tamanhos. icon-2xl - icon-xs
Bel
Bel
Bel
Bel
Bel
Bel
Pictures com Aspect ratio: Imagens com vários tamanhos. aspect-video !w-auto
Bel
Chevrons:
Bel
Chevrons com height-only: Usar height-only em chevrons, ele fixa o tamanho do icone apenas pela altura, deixando a largura livre
Bel
Bel
Chevron sizes: chevron-2xl - chevron-xs
Bel
Bel
Bel
Bel
Bel
Bel
Multi textos com altura fixa
Bel
Subtext
Bel
Sub-text
Main text
Description text, description text
Multi textos com padding height
Bel
Subtext
Bel
Sub-text
Main text
Description text, description text
Multi textos com escala de fontes
Bel
Subtext
Bel
Sub-text
Main text
Description text, description text
Bel com todas as possibilidades
Sub-text
Main text
Description text, description text
Sub-text
Main text
Description text, description text
Bels tamanho full Espaço horizontal entre elementos
Default - Centralizado
Bel
justify-start
Bel
justify-end
Bel
info-grow - A area de textos é expandida ao máximo
Sub-text
Main text
Description text, description text
justify-between
Bel
justify-around
Bel
Proporção quadrada: squared h-md somente 1 objeto interno: figura, icone ou até 3 caracteres por vez Deve-se sempre usar altura definida
..
#25
#25
Quadrado com alturas variantes: squared h-md * O conteúdo não é afetado
#25
#25
#25
Conteúdo com tamanho percentual content-size-full content-size-0.5 * Conteúdo com tamanho sensível ao tamanho do pai (100%), não mais de acordo com o EM da font-base
Outras proporções
Utilizações: Pode ser utilizada em cartões, blocos, decorativos, formulários, etc.