Descargar Github
Español

Conceptos básicos

El framework Unkuna se desarrolló en base a estos conceptos:

  1. Unkuna desarrolló cada uno de sus componentes basándose en el principio de diseño llamado "first mobile".
  2. Unkuna usa los breakpoints para adaptar el estilo de los componentes a un determinado tamaño de pantalla. Estos son los valores estandarizados que maneja:
    Breakpoints Ancho de pantalla Prefijo
    Pequeño menores igual 767px s
    Mediano 768px hasta 991px m
    Largo 992px hasta 1199px l
    Extra Largo desde 1200px a más xl

  3. Unkuna define las reglas de estilo para la estructura de los componentes en el archivo unkuna.css y las reglas de estilo de su diseño minimalista en el archivo unkuna-theme.css

  4. Unkuna hace uso del prefijo nkn- en todas las clases del framework con el fin de identificar las clases relacionadas con este framework.
  5. Unkuna hace uso del atributo data-nkn-role en diferentes componentes para intercambiar información con javascript, esto permite darle funcionalidad a los componentes.
    Atributo "data" Información
    data-nkn-role = "accordion-toggle" El componente acordeón usa este atributo para mostrar o esconder su contenido.
    data-nkn-role = "dropdown-toggle" El componente dropdown usa este atributo para mostrar o esconder su contenido.
    data-nkn-role = "hamburger-toggle" El componente hamburger menu usa este atributo para mostrar o esconder su contenido.
    data-nkn-role = "close-modal" El componente modal usa este atributo para cerrar el modal.
    data-nkn-role = "navbar-toggle" El componente navbar usa este atributo para mostrar o esconder su contenido en pantallas pequeñas.
  6. Los componentes de Unkuna tienen un orden de visualización en el eje z (posicionamiento de los componentes en la pantalla) mediante el uso de la propiedad z-index; estos valores son:
    Valor de z-index Componente
    2020 Modal y hamburger-menu
    2010 navbar
    2000 dropdown