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.
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.