jeremias-lib

libreria para gestionar estilos en html y DOM #DOCUMENTATION

SIZES css

(0) minmin: size very min

(1) min: size min-small

(2) small: size small

(3) medium: size medium

(4) large: size large 100%

Posicion de contenido

(1) contentLeft: Coloca los elementos a la izquierda

(2) contentRigth: Coloca los elementos a la derecha

(3) contentCenter: Coloca los elementos al centro

MENSAJES DE ALERTAS ***css***

(1) alert--error: muestra un mensaje de 'error' al usuario

(2) alert--success: para introducir un mensaje de 'error' al usuario

(3) alert--warning: para introducir un mensaje de 'advertencia' al usuario

(4) alert--chargin: para introducir un mensaje de 'carga de datos' al usuario

BOTONES ***css***

(1) btn--add: boton con sintaxis de 'aceptar condicion'

(1) btn--yes: boton con sintaxis de 'agregar elementos'

(2) btn--rm: boton con sintaxis de 'remover elemento o cancelar operacion'

BOTONES colors ***css***

(1) btn--blue

(2) btn--red

(3) btn--orange

(4) btn--black

(5) btn--white

(6) btn--pink

CARD ***css***

(1) card

(1) card--title

(1) card--content

(1) card--img

(1) card--footer

FORMULARIOS

(1) form: clase que le da una buena sintaxis al formulario, removiendo curvaturas no agradables.

Select

(1) select:

(2) select--blue:

(3) select--red:

(4) select--green:

(5) select--white:

(6) select--orange:

ELEMENTOS VISUALES

(1) blur: clase que le da una opacidad a cierto elemento.

(2) dark: clase que le da un fondo negro a un elementos.

LISTAS

(1) list: clase que embellece un conjunto de elementos (lists), tambien aplica para los h1 que esten dentro tomando la posicion de titulo

LETRAS

(1) letter1: letra minima

(2) letter2: letra pequena

(3) letter3: letra normal

(4) letter4: letra grande

(5) letter5: letra Extra grande

(6) letter6: letra Extreme

Tablas

(1) table:apariencia de una tabla de elementos estilizada

Menu

(1) menu--blue: menu apariencia azul

(2) menu--white: menu apariencia blanco

(3) menu--black: menu apariencia negro

(4) menu--red: menu apariencia rojo

(5) menu--orange: menu apariencia orange

(6) menu--pink: menu apariencia pink

(7) menu--green: menu apariencia green

Menu activated

(3) active apariencia de item de menu seleccionado.

Themes colors

(1) theme--blue theme blue

(2) theme--blue-darktheme dark blue

(3) theme--orange theme orange.

(4) theme--red theme red

(5) theme--white theme white.

(6) theme--black theme black

(7) theme--green theme green

animations

(1) in animacion fresca para mostrar informacion centrada

(2) out: animacion fresca para mostrar informacion de salida

(3) inTop: animacion de entrada hacia abajo

(4) inBottom: animacion de entrada hacia arriba

(5) inLeft: animacion de entrada hacia la derecha

(5) inRigth: animacion de entrada hacia la izquierda

Selects Colors

bg--red background red

bg--black background black

bg--blue background blue

bg--orange background orange

bg--green background green

Modal image

• box--images id: del contenedor imagenes