Mídia

Mídia

Formas

square

round

cover

Proporção

cover + 16-9

Documento incorporado

Um iframe preenche sua caixa, então a caixa carrega o tamanho: um modificador de proporção, ou mídia--preencher para ocupar a altura que o pai fornece.

media--fill · actions

16-9

Sobreposição

media--bg / media--fg

Vue

O mesmo quadro que uma parte vue, para um documento cujo endereço só é conhecido quando a página é carregada.

Quadro

Uma imagem em seu quadro, do servidor com media() ou como o componente vue de mídia: um link quando leva a algum lugar, uma legenda na parte inferior, e um brilho enquanto carrega ou quando não há nada.
Uma legenda na parte inferior

media() · href · caption

media(null) · placeholder

Mosaico

Imagens de todas as alturas empilhadas lado a lado sem buracos, cada uma tão alta quanto sua proporção diz, as colunas são tantas quanto o espaço permite: wall() desenha isso do servidor, a forma é css/shapes/wall.

Paredão de uma coleção

O mesmo paredão como uma coleção de entidades, lido da API uma página por vez enquanto é rolado: a próxima página aparece antes que o pé do paredão seja alcançado.

Recorte

Qual parte de uma imagem manter, escolhida sobre a imagem: a área se move, um canto dimensiona, as setas movem e com Shift dimensionam. É dito em pixels próprios da imagem — o que um servidor recorta — e crop() corta aqui quando o corte é enviado em vez disso. Uma proporção mantém (1 para um retrato, mostrado redondo), ou é livre, como uma assinatura precisa.