techne

Avis important

Ce référentiel public est en lecture seule et n'est plus maintenu.

Techne en mode de maintenance

Veuillez noter que la bibliothèque de composants Techne ne se développe plus activement. Le projet restera actif pour le moment. Pour la prochaine évolution de Techne, veuillez consulter l'interface utilisateur fondamentale

Hybris Techne est la conception des lignes directrices et de la bibliothèque de composants pour la conception moderne, d'abord mobile et centrée sur l'utilisateur sur les YAAS.

Composants

Voir cette page pour une liste de composants d'interface utilisateur inclus dans Hybris Techne. https://techne.yaas.io/components/alerts-errors-notifications.html

Installation

Installer à l'aide de Bower

Vous pouvez installer Techne en utilisant Bower par la commande suivante dans l'invite de terminal ou de commande: bower install hyTechne

Installer à l'aide de NPM

Techne est également avialable en tant que package NPM. Vous pouvez installer avec la commande suivante dans l'invite de terminal ou de commande: npm install techne

Commencer

Quatre étapes rapides pour commencer:

• Cloner le repo.
• Installez les dépendances de nœuds NPM: npm install .
• Installer des dépendances de bower Bower: bower install
• Initialiser KSS: gulp patchgulpkss
• Exécuter NPM: npm start ou exécuter Gulp: gulp
• Si vous avez une configuration de dossier différente de celle du bower par défaut, vous devez modifier la config.json pour répondre à vos besoins.

Quelle est la structure?

Dans le dépôt, vous trouverez les répertoires et fichiers suivants:

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

Vous voulez donc construire moins vous-même?

Rien de plus facile que ça! Incluez simplement nos styles. Fichiers impitoyables comme: @import "bower_components/hyTechne/src/less/styles"; .

IMPORTANT: Il n'y a pas de valeur par défaut pour l'ensemble de bower-path. Il est nécessaire de définir cette variable dans votre propre feuille de style et de pointer de votre dossier Bower_Components. (Pas de barre de traînée).

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

Raison: Afin de pouvoir écraser une variable dans un chemin d'importation, la variable ne peut pas encore être définie. Sinon, le moins de compilateur choisit la première définition et c'est tout.

N'oubliez pas non plus de réparer les chemins de polices en écrasant les variables de chemin dans une moins incluant après le style.

@import "_resource-paths";

et ajouter le fichier quelque chose comme:

 // 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

Remarque: Afin de construire moins la version minimale requise de moins est 2.3.0.