Este kit provee de clases para el manejo de una sección de alertas o contingencias. El modo contingencia se activa vía javascript desde un plugin de jQuery, que puede configurar desde un objeto literal al activarlo o víadata-attributes.

Al estar activa una contingencia la secciónsection.contingency bloquea todo el contenido.

Al hacer clic en cualquier elemento que tenga la clase .contingency-behavior-open se mostrarán las contingencias dejando el contenido del sitio bloqueado.

Al hacer clic en cualquier elemento que tenga la clase .contingency-behavior-close se dejarán de mostrar las contingencias.

Dentro de la sección de contingencias al hacer clic en cualquier elemento con la clase.contingency-behavior-change con el data attributedata-target, se mostrará la información de la contingencia indicada pordata-target. Los elementos que quiera que tengan este comportamiento deben tener la clase .contingency-item y.contingency-<number>.

Por defecto se muestra la contingencia con la clase.contingency-1, valor que se le puede dar a la sección de contingencias en el objeto literal de configuración o víadata-attributes.

A continuación, un ejemplo de este elemento.

El framework puede mostrar un aviso de redirección que cubre toda la pantalla.

El aviso de redirección se mostrará sobre cualquier link que tenga la clase.redirecting-behavior-link configurado con los data-attributes:data-target redirección a mostrar y opcionalmentedata-timeout utilizado para indicar el tiempo de espera antes de hacer la redirección.

Sección de redirección usada en "Ejemplo de redirección 1".

Sección de redirección usada en "Ejemplo de redirección 2".

El movimiento entre secciones mediante las anclas tienen por defecto el comportamiento smooth scroll.

Por defecto se tomará elmargin-top delbody como offset. Si desea tomar como referencia otro elemento se le puede pasar un selector en el data-attributedata-main al body.

Ejemplo, Ir al comienzo de esta sección.