Test de CSS: figuras e imágenes
En este ejemplo se prueba el CSS por defecto, que se encuentra en el fichero base.css, y las distintas clases para los elementos HTML que tienen que ver con imágenes, figuras y galerías. Además se muestra cómo utilizar modales con las herramientas que incluye el framework.
Ejemplo de figuras con imágenes
La clase card hace que tenga aspecto de tarjeta.
Podemos usar también las clases x-small, small, medium
, large o x-large
para dar un ancho máximo de 100, 200, 400, 600 u 800px. Si las imágenes son más pequeñas de la medida
indicada, no se estirarán.
Ejemplo de galería
En este ejemplo se muestra el aspecto de una galería con el CSS por defecto en FastLight. Para hacerla, he colocado un contenedor con las siguientes clases:
gallery: le da el aspecto y aplica el flex.w75: para que ocupe el 75% del ancho disponible.centered-block: centrado en el documento.my2: aumentar el espacio vertical con otros elementos.
Las figuras dentro de la galería tienen las clases:
small: tamaño pequeño.card: forma de tarjetapointer: mostrar el cursor como apuntador (usabilidad).
