Colores

En este apartado se documentarán todos los colores de la biblioteca representados por clases, los mismos van a poder configurar la propiedad background-color de CSS para pintar los diferentes elementos.
Todos los colores pueden modificarse desde el archivo sass/_colores.scss ubicado en el repositorio.
Es importante aclarar que desde esta versión se incorporan los nombres de las clases también en inglés, y serán documentadas en la sección paleta de colores en este mismo documento.

Desde la versión v4.5.0 se incorpora un color a la lista de colores que presenta a la biblioteca y que puede ser incluído entre los colores de fondo de todos los elementos.

Listado de colores

A continuación se muestra una grilla con todos los colores de fondo de la biblioteca y el nombre de la clase que los representa para poder utilizarlos.

Paleta

.fd-rojo

.fd-rojo-c

.fd-rojo-o-1

.fd-rojo-o-2

.fd-rojo-o-3

.fd-rojo-o-4

.fd-rojo-t

.fd-rojo-an

.fd-rojo-ro

.fd-rosa

.fd-rosa-c

.fd-rosa-o-1

.fd-rosa-o-2

.fd-rosa-o-3

.fd-rosa-o-4

.fd-rosa-t

.fd-azul

.fd-azul-c

.fd-azul-o-1

.fd-azul-o-3

.fd-azul-o-4

.fd-azul-ve

.fd-azul-t

.fd-verde

.fd-verde-c

.fd-verde-o-1

.fd-verde-o-2

.fd-verde-o-3

.fd-verde-o-4

.fd-verde-t

.fd-verde-az

.fd-verde-am

.fd-gris

.fd-gris-c

. fd-gris-o-1

. fd-gris-o-2

. fd-gris-o-3

. fd-gris-o-4

.fd-gris-t

.fd-gris-az

.fd-gris-az-c

.fd-gris-az-o

.fd-gris-n

.fd-blanco

.fd-negro

.fd-gris-n

.fd-naranja

.fd-naranja-o-1

.fd-naranja-o-2

.fd-naranja-o-3

.fd-naranja-o-4

.fd-naranja-c

.fd-naranja-t

.fd-naranja-ro

.fd-naranja-am

.fd-amarillo

.fd-amarillo-c

.fd-amarillo-o-1

.fd-amarillo-o-2

.fd-amarillo-o-4

.fd-amarillo-t

.fd-amarillo-ve

.fd-amarillo-an

.fd-amarillo-t

.fd-amarillo-ve

.fd-amarillo-an

.fd-violet

.fd-violet-c

.fd-violeta-o-1

.fd-violeta-o-2

.fd-violeta-o-3

.fd-violeta-o-4

.fd-trasparente

Redes Sociales

.fd-youtube

.fd-facebook

.fd-twiter

.fd-linkedin

.fd-instagram

.fd-pinterest

.fd-tumblr

.fd-telegram

.fd-flickr

.fd-viemo

.fd-tumblr

.fd-vimeo

.fd-whatsapp

.fd-soundcloud

.fd-snapchat

.fd-vimeo

.fd-tinder

        
        
 
            
Esto es un párrafo

Todos los colores pueden ser modificados al gusto y responsabilidad del usuario a través de el archivo sass sass/globales/_variables.

Intrgracion Idioma Inglés

En esta versión de Bodystyle se añadieron los colores antes mencionados pero con el nombre en inglés. Es importante aclarar que no todos los colores están no disponibles en ese idioma, por esta razón se detallarán el nombre de las clases a continuación.

.bg-red

.bg-red-s

.bg-red-d-1

.bg-red-d-2

.bg-red-d-3

.bg-red-d-4

.bg-pink

.bg-pink-s

.bg-pink-d-1

.bg-pink-d-2

.bg-pink-d-3

.bg-pink-d-4

.bg-orange

.bg-orange-s

.bg-orange-d-1

.bg-orange-d-2

.bg-orange-d-3

.bg-orange-d-4

.bg-blue

.bg-blue-s

.bg-blue-d-1

.bg-blue-d-2

.bg-blue-d-3

.bg-blue-d-4

.bg-grey

.bg-grey-s

.bg-grey-d-1

.bg-grey-d-2

.bg-grey-d-3

.bg-grey-d-4

.bg-violet

.bg-violet-s

.bg-violet-d-1

.bg-violet-d-2

.bg-violet-d-3

.bg-violet-d-4

.bg-yellow

.bg-yellow-s

.bg-yellow-d-1

.bg-yellow-d-2

.bg-yellow-d-4

.bg-green

.bg-green-s

.bg-green-d-1

.bg-green-d-2

.bg-green-d-4

.bg-white

.bg-black

Color de Bodystyle v4.5.0

Se incorporó el colo de la biblioteca, como identificativo de los estilos provistos.

.bg-bodyui
`r`n