Colores

Estos son los colores utilizados en todo el sitio. Cada una de ellas ha sido asignada a una variable en el "framework/variables.scss" archivo.

Marca

Secundario

Grises

Tipografía

Estos son nuestros estilos tipográficos básicos. Realizar actualizaciones en el "framework/typography.scss" archivo.

Encabezados en negrita

---

---

---

---

---

---

---

Encabezamientos Regular

---

---

---

---

---

---

---

Párrafo principal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Párrafo por defecto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Párrafo pequeño

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Cita en bloque

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam en porttitor sem. Aliquam erat volutpat. Donec placer nisl magna, et faucibus arcu. Juan Nadie

Listas

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
• Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
• Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
2. Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
3. Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.

Botones

Estos son nuestros estilos básicos de botones. Realizar actualizaciones en el "framework/buttons.scss" archivo.

Predeterminado

.btn

.btn.btn--secundario

.btn.btn.btn--gris

.btn.btn.btn--enlace

---

Flechas

Btn con Flecha

Leer más

Volver atrás

---

Tallas

.btn.btn.btn--xs

.btn.btn.btn--sm

.btn.btn.btn--lg

.btn.btn.btn--xl

.btn.btn--bloque

.btn desactivado

Paneles

Estos son nuestros estilos básicos de paneles. Realizar actualizaciones en el "site/panel.scss" archivo.

Acordeones

Estos son nuestros estilos de acordeón. Realizar actualizaciones en el "framework/accordions.scss" archivo.

Esto es un encabezado de acordeón.

Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.

Esto es un encabezado de acordeón.

Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.

Esto es un encabezado de acordeón.

Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.

Pestañas

Estos son nuestros estilos de pestañas. Realizar actualizaciones en el "framework/tabs.scss" archivo.

Tarjetas/Tejas de artículos

Estos son nuestros estilos de cartas. Realizar actualizaciones en el "framework/cards.scss" archivo.

Predeterminado

Centro

Blog

Videos

Estos son nuestros estilos modales de video. Realizar actualizaciones en el "site/video-modal.scss" archivo.

Avisos

Estos son nuestros estilos básicos de notificación. Realizar actualizaciones en el "framework/notices.scss" archivo.

Mesas

Estos son nuestros estilos de mesa. Realizar actualizaciones en el "framework/tables.scss" archivo.

Col 1	Col 2	Col 3	Col 4
Fila 1 / Col 1	Fila 1 / Col 2	Fila 1 / Col 3	Fila 1 / Col 4
Fila 2 / Col 1	Fila 2 / Col 2	Fila 2 / Col 3	Fila 2 / Col 4
Fila 3 / Col 1	Fila 3 / Col 2	Fila 3 / Col 3	Fila 3 / Col 4
Fila 4 / Col 1	Fila 4 / Col 2	Fila 4 / Col 3	Fila 4 / Col 4
Col 1	Col 2	Col 3	Col 4

Carruseles

Estos son nuestros estilos de mesa. Realizar actualizaciones en el "framework/carousel.scss" archivo.

Utilizamos Slick.js para los carruseles. Para obtener documentación completa y opciones, visite http://kenwheeler.github.io/slick/

Modales

Estos son nuestros estilos modales. Realizar actualizaciones en el "framework/modals.scss" archivo.

Extra Pequeño Pequeño (por defecto) Mediano Grande Extra Grande Lleno

Sugerencias de herramientas

Estos son nuestros estilos de herramientas. Realizar actualizaciones en el "framework/tooltips.scss" archivo.

Tooltip top Tooltip derecha Parte inferior de la herramienta Herramienta izquierda con retardo

Desplegables

Estos son nuestros estilos de herramientas. Realizar actualizaciones en el "framework/dropdowns.scss" archivo.

Desplegable (por defecto) Desplegable (top-end) Desplegable (inicio derecho)

Incrustaciones con capacidad de respuesta

Ofrecemos un estilo de utilidad para incrustaciones sensibles. Para esta y otras clases de utilidades, consulte la sección "framework/utilities.scss" archivo.

Paginación

Estos son nuestros estilos de paginación. Realizar actualizaciones en el "framework/pagination.scss" archivo.

Iconos

Usamos Font Awesome como nuestra fuente de icono predeterminada. Para obtener más iconos y documentación, visite http://fortawesome.github.io/Font-Awesome/

O, para generar tu propio conjunto de iconos, puedes usar la aplicación IcoMoon App.

Elementos de carga

Estas son nuestras opciones incorporadas para añadir cargadores a una sección o página. Realizar actualizaciones en el "loading.scss" archivo.

Compartir Socialmente

Tenemos algunas funciones incorporadas que utilizan atributos de datos para facilitar el uso compartido en redes sociales comunes. Para obtener más información, consulte la sección "lib/wl-share.js" archivo.

Favicones

Estos son los faviconos de nuestro sitio web y los iconos de las aplicaciones.