techne

Aviso importante

Este repositório público é somente leitura e não é mais mantido.

Techne no modo de manutenção

Observe que a Biblioteca de componentes Techne não está mais sendo desenvolvida ativamente. O projeto permanecerá ativo por enquanto. Para a próxima evolução do techne, consulte a interface do usuário fundamental

O Hybris Techne é a diretriz de design e a biblioteca de componentes para o design moderno de experiência de experiência em YaaS moderno e centrado no usuário.

Componentes

Consulte esta página para obter uma lista de componentes da interface do usuário incluídos no Hybris Techne. https://techne.yaas.io/components/alerts-errors-notifications.html

Instalação

Instale usando o Bower

Você pode instalar o Techne usando o Bower com o seguinte comando no terminal ou prompt de comando: bower install hyTechne

Instale usando o NPM

O Techne também é avaliável como um pacote NPM. Você pode instalar com o seguinte comando no terminal ou prompt de comando: npm install techne

Começando

Quatro etapas rápidas para começar:

• Clone o repo.
• Instale as dependências do nó npm: npm install .
• Instale as dependências do Bower Bower: bower install
• Inicialize KSS: gulp patchgulpkss
• Run NPM: npm start ou Run Gulp: gulp
• Se você tiver uma configuração diferente da pasta do caroço padrão, você deve modificar o config.json para atender às suas necessidades.

Qual é a estrutura?

Dentro do repositório, você encontrará os seguintes diretórios e arquivos:

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

Então você quer construir o menos por conta própria?

Nada mais fácil do que isso! Simplesmente inclua nossos arquivos STYS.less como: @import "bower_components/hyTechne/src/less/styles"; .

IMPORTANTE: Não há valor padrão para o conjunto de @bower-path. É necessário que você defina essa variável em sua própria folha de estilo e aponte para a sua pasta Bower_Components. (Sem barra de direita).

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

Motivo: para poder substituir uma variável em um caminho de importação, a variável ainda não pode ser definida. Caso contrário, menos compilador escolher a primeira definição e é isso.

Lembre -se também de corrigir os caminhos para as fontes, substituindo as variáveis do caminho, em menos de um pouco, após o estilo.

@import "_resource-paths";

e adicione o arquivo 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 criar, menos a versão mínima necessária de menos é 2.3.0.