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