phares3757/oi-metrology
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
oi-metrology/Server/wwwroot/igniteui/css/themes
History
Mike Phares a25dc93610 Viewer to Server
2023-02-16 15:17:31 -07:00
..
bootstrap3
Viewer to Server
2023-02-16 15:17:31 -07:00
README.ja.md
Viewer to Server
2023-02-16 15:17:31 -07:00
README.md
Viewer to Server
2023-02-16 15:17:31 -07:00

README.md

Infragistics Themes

  1. infragistics - Default
  2. infragistics - 2012
  3. Metro
  4. IOS

Themes - file structure

  • images - Contain all images related to the theme

  • infragistics.theme.less - The root file which import all partial files.

  • Modules - Contain all theme styles related to ignite ui modules.

  • Styles-guide - In progress theme style guide

  • framework.less - Contain all styles, that are needed, in order to make ignite UI component's to work properly witch jQueryUI components.

  • variables.less - Theme variables.

  • mixins.less - Contain all mixins related to Ignite UI components

Note: the root file "infragistics-theme-less" is the only file that needs to be compiled to .CSS

File order:

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

Note: File order is important in order the theme to work correctly.

Icons web font

*** css/structure/fonts *** hold all files related to icons web font

To add/remove/change icons form the web font:

  1. Go to icomoon.io/app and upload the file "jqurey-ui.svg" located in: css/structure/fonts
  2. Make the desired modification, download and replace the changed font.

IMPORTANT: in order the font to work you need to specify the prefix for the icons clsss. In "icomoon.io", font settings. The prefix should be "ui-icon-". Keep the name for the font the same in order to override the existing font.