Medios

Medios

Formas

square

round

cover

Relación de aspecto

cover + 16-9

Documento incrustado

Un iframe llena su caja, por lo que la caja tiene el tamaño: un modificador de relación, o media--fill para tomar la altura que el padre proporciona.

media--fill · actions

16-9

Superposición

media--bg / media--fg

Vue

El mismo marco que un parcial de vue, para un documento cuyo dirección solo se conoce una vez que la página se ejecuta.

Marco

Una imagen en su marco, desde el servidor con media() o como el componente vue de medios: un enlace cuando lleva a algún lugar, un pie de foto en su base, y un resplandor mientras se carga o cuando no hay ninguno.
Un pie de foto en su base

media() · href · caption

media(null) · placeholder

Mosaico

Imágenes de todas las alturas empaquetadas lado a lado sin huecos, cada una tan alta como lo indica su proporción, las columnas tantas como el espacio lo permita: wall() lo dibuja desde el servidor, la forma es css/shapes/wall.

Pared de una colección

La misma pared que una colección de entidades, leída desde la api una página a la vez a medida que se desplaza: la próxima página aparece antes de que se alcance el pie de la pared.

Recortar

Qué parte de una imagen conservar, elegida sobre la imagen: el área se mueve, una esquina la dimensiona, las flechas la mueven y con Shift la dimensionan. Se expresa en los propios píxeles de la imagen — lo que un servidor recorta — y crop() lo corta aquí cuando el corte se envía en su lugar. Una proporción lo mantiene (1 para un retrato, mostrado redondeado), o es libre, como necesita una firma.