techne

Aviso

Este repositorio público es de solo lectura y ya no se mantiene.

TECTE EN MODO DE MANTENIMIENTO

Tenga en cuenta que la biblioteca de componentes techno ya no se está desarrollando activamente. El proyecto permanecerá activo por el momento. Para la próxima evolución de Techne, consulte la interfaz de usuario fundamental

Hybris Techne es la guía de diseño y la biblioteca de componentes para un diseño de experiencia moderno, móvil primero y centrado en el usuario en YAA.

Componentes

Consulte esta página para obtener una lista de componentes de UI incluidos en Hybris Techne. https://techne.yaas.io/components/alerts-errors-notifications.html

Instalación

Instalar usando Bower

Puede instalar techne usando Bower con el siguiente comando en terminal o símbolo del sistema: bower install hyTechne

Instalar usando NPM

Teche también es avializable como un paquete NPM. Puede instalar con el siguiente comando en terminal o símbolo del sistema: npm install techne

Empezando

Cuatro pasos rápidos para comenzar:

• Clon el repositorio.
• Instalar dependencias de nodo NPM: npm install .
• Instale Bower Dependencias Bower: bower install
• Inicializar KSS: gulp patchgulpkss
• Ejecutar NPM: npm start o ejecutar Gulp: gulp
• Si tiene una configuración de carpeta diferente a la Bower predeterminada, debe modificar el config.json para satisfacer sus necesidades.

¿Cuál es la estructura?

Dentro del repositorio encontrará los siguientes directorios y archivos:

 ├── src/
│   ├── less
│   ├── icons
│   ├── js
│   └── templates
├── dist/
│   ├── css
│   ├── js
│   ├── fonts
├── docs

¿Entonces quieres construir los menos por tu cuenta?

¡Nada más fácil que eso! Simplemente incluya nuestros archivos styes.less como: @import "bower_components/hyTechne/src/less/styles"; .

IMPORTANTE: No hay un valor predeterminado para el conjunto de @Bower-Path. Se requiere que defina esta variable en su propia hoja de estilo y apunte a su carpeta Bower_Components. (Sin barras de arrastre).

@bower-path: '../../bower_components';

Razón: para poder sobrescribir una variable en una ruta de importación, la variable aún no se puede definir. De lo contrario, cuanto menos el compilador elija la primera definición y esa es todo.

Recuerde también arreglar las rutas para las fuentes sobrescribiendo las variables de ruta en un menos incluido después del estilo. Inclute como:

@import "_resource-paths";

y agregue el archivo algo como:

 // Use this file to point to the right folders
// for correct paths for icon-fonts etc
// icon names much follow a UTF hex naming format

@bootstrap-path: '../../bower_components/bootstrap'; // Path to bootstrap folder
@hytech-path: '../../bower_components/hyTechne'; // Path to hytech folder

Nota: Para construir cuanto menos, la versión mínima requerida de menos es 2.3.0.