Cards

Moléculas

Nombre

Se refiere al nombre que se le dará en el css y a la clase con que identificaremos cada molécula (componente). Para las Cartas será:

.m-box

Descripción

💡

Para ver cuánto miden cada breakpoints ir a medidas de breakpoints

Desktop (breakpoints Xl y Lg)

Tablet y Teléfono (breakpoints Md, Sm, Xs, Xxs, X0)

Estados

Una molécula puede variar, de acuerdo al comportamiento o behavior que se defina para una situación específica. Los estados de una molécula indican como lucirá ésta para cada situación. Para este caso serán:

→ Default

→ :hover

→ :active

Behavior

Las animaciones de este organismo serán:

  • shadow-pop-br → Esta animación ocurrirá al inicio cuando cargue la página, aplicada por separado a cada elemento.

💡

Puedes conseguir está animación en la siguiente página: Animatista

Icono de cierre del menu

Cómo te podemos ayudar