techne

重要な通知

このパブリックリポジトリは読み取り専用であり、維持されなくなりました。

メンテナンスモードのTechne

Techneコンポーネントライブラリは積極的に開発されていないことに注意してください。プロジェクトは当面の間活動のままです。 Techneの次の進化については、基本的なUIをチェックしてください

Hybris Techneは、Yaasのモダンでモバイルファーストのユーザー中心のエクスペリエンスデザインのための設計ガイドラインおよびコンポーネントライブラリです。

コンポーネント

Hybris Techneに含まれるUIコンポーネントのリストについては、このページを参照してください。 https://techne.yaas.io/components/alerts-errors-notifications.html

インストール

Bowerを使用してインストールします

ターミナルまたはコマンドプロンプトに次のコマンドを使用してBowerを使用してTechneをインストールできます。Bower bower install hyTechne

NPMを使用してインストールします

Techneは、NPMパッケージとしてもアビアル可能です。次のコマンドをターミナルまたはコマンドプロンプトにインストールできます。NPM npm install techne

はじめる

開始するための4つのクイックステップ：

• レポをクローンします。
• NODE依存関係NPM： npm installインストールします。
• Bower Dependencies Bower： bower installをインストールします
• KSSの初期化： gulp patchgulpkss
• NPMを実行： npm startまたは実行ガルプ： gulp
• デフォルトのBowerとは異なるフォルダーのセットアップがある場合は、ニーズに合わせてconfig.jsonを変更する必要があります。

構造は何ですか？

レポには、次のディレクトリとファイルがあります。

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

それで、あなたはあなた自身でより少ないものを構築したいですか？

それ以上簡単なことはありません！ @import "bower_components/hyTechne/src/less/styles"; 。

重要： @bower-pathセットのデフォルト値はありません。この変数を独自のStyleSheetで定義し、bower_componentsフォルダーを指す必要があります。 （トレーリングスラッシュはありません）。

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

理由：インポートパスで変数を上書きできるようにするために、変数はまだ定義できません。それ以外の場合、コンパイラが少ないほど最初の定義を選択します。それだけです。

また、パス変数をより少ないインクルードの後に上書きすることにより、フォントのパスを修正することを忘れないでください。

@import "_resource-paths";

そして、次のようなものをファイルに追加します

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

注：BESTRYを構築するために、LESTの最小バージョンは2.3.0です。