71 lines
2.2 KiB
Markdown
71 lines
2.2 KiB
Markdown
Infragistics テーマ
|
|
=====================
|
|
|
|
|
|
1. infragistics - デフォルト
|
|
2. infragistics - 2012
|
|
3. Metro
|
|
4. IOS
|
|
|
|
|
|
|
|
### テーマ - ファイル構造
|
|
|
|
|
|
* **images** - テーマに関連するすべての画像を含みます。
|
|
|
|
* **infragistics.theme.less** - すべての部分ファイルをインポートするルート ファイル。
|
|
|
|
* **Modules** - Ignite UI モジュールに関連するすべてのテーマ スタイルを含みます。
|
|
|
|
* **Styles-guide** - テーマのスタイル ガイド (作業中)。
|
|
|
|
* **framework.less** - Ignite UI コンポーネントを jQueryUI コンポーネントと正しく動作させるために必要なスタイルをすべて含みます。
|
|
|
|
* **variables.less** - テーマ変数。
|
|
|
|
* **mixins.less** - Ignite UI コンポーネントに関連するすべての mixins を含みます。
|
|
|
|
|
|
**注:** ルート "infragistics-theme-less" ファイルは、.CSS にコンパイルする必要のある唯一のファイルです。
|
|
|
|
|
|
### ファイルの順序:
|
|
|
|
```diff
|
|
// Ignite UI Theme variables
|
|
@import "variables.less";
|
|
|
|
// Ignite UI Mixins
|
|
@import "mixins.less";
|
|
|
|
// Font styles
|
|
@import (css)"icons-styles.css";
|
|
|
|
// JQuery UI Theme
|
|
@import "framework.less";
|
|
|
|
//Ignite UI modules
|
|
@import "modules/modules";
|
|
```
|
|
|
|
**注:** テーマを正しく動作させるために以下の順序に従ってください。
|
|
|
|
|
|
|
|
|
|
### アイコンの web フォント
|
|
|
|
*** css/structure/fonts ***
|
|
アイコンの web フォントに関連するすべてのファイルを含みます。
|
|
|
|
web フォントにアイコン フォームを追加/削除/変更:
|
|
1. [icomoon.io/app](icomoon.io/app) に移動し、css/structure/fonts の "**jquery-ui.svg**" ファイルをアップロードします。
|
|
2. 変更する場合は、ファイルをダウンロードして変更されたフォントを置き換えます。
|
|
|
|
|
|
**重要:**
|
|
フォントを正しく動作させるために icons クラスのプレフィックスを指定する必要があります。
|
|
"icomoon.io" のフォント設定で、プレフィックスを "ui-icon-" に設定してください。
|
|
既存のフォントをオーバーライドするには、フォント名を保持します。
|