-
Componentes
-
Módulos
Imágenes
.stroke-#{$theme-color}
La función de esta colección de clases será poder cambiar el color de los iconos de las etiquetas HTML <svg> mediante los temas de color de Bootstrap.
Los SVG deberán estar dentro de un contenedor con la clase en concreto.
Si el SVG está como recurso de una etiqueta HTML <img> la clase no tendrá efecto.
- .stroke-dark
- .stroke-info
- .stroke-light
- .stroke-lighter
- .stroke-primary
- .stroke-secondary
- .stroke-success
- .stroke-warning
- .stroke-danger
- .stroke-gray-dark
.link-imgs
Clase para envolver enlaces que sean imágenes, para que su foco sea visible por teclado.
.bg-image-none-md
Esta clase hará que no sea visible la imagen de fondo del elemento en las resoluciones que no sean de escritorio.
.img-cover
Aplica esta clase en un contenedor para que la imagen se expanda en él manteniendo su formato sin aplastamientos ni estiramientos. Hay que tener en cuenta que la imagen se desbordará por ciertos formatos que no sean compatibles con su contenedor (ejemplo: a una imagen panorámica le sobrarán los laterales en un contenedor cuadrado).
.aspect-ratio-#{$sizeA}-#{$sizeB}
Aplica esta clase en un contenedor o en la misma imagen para que tenga bordes redondeados y se expanda manteniendo un formato específico sin aplastamientos ni estiramientos. Se ha de tener en cuenta que la imagen se desbordará por ciertos formatos que no sean compatibles con su contenedor (ejemplo: a una imagen panorámica le sobrarán los laterales en un contenedor cuadrado).
.aspect-ratio-4-3
.aspect-ratio-3-4
.aspect-ratio-3-1
.aspect-ratio-16-9
.aspect-ratio-2-1
.aspect-ratio-6-1
Listado de iconos
En muchas ocasiones necesitaremos hacer referencia al identificador de los iconos para mostrar el que necesitamos, puedes consultar este listado para elegirlo.
Nota: Estos iconos serán remplazados por nuevos y sus identificadores serán en español, no se volverán a usar para desarrollos nuevos
En muchas ocasiones necesitaremos hacer referencia al identificador de los iconos para mostrar el que necesitamos. Puedes consultar este listado para elegirlo: