UNPKG

igniteui-theming

Version:

A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.

91 lines (90 loc) 2.41 kB
//#region src/knowledge/platforms/common.ts /** * Available palettes preset paths */ var PALETTE_PRESETS_PATHS = { light: { material: "igniteui-theming/sass/color/presets/light/material", fluent: "igniteui-theming/sass/color/presets/light/fluent", bootstrap: "igniteui-theming/sass/color/presets/light/bootstrap", indigo: "igniteui-theming/sass/color/presets/light/indigo" }, dark: { material: "igniteui-theming/sass/color/presets/dark/material", fluent: "igniteui-theming/sass/color/presets/dark/fluent", bootstrap: "igniteui-theming/sass/color/presets/dark/bootstrap", indigo: "igniteui-theming/sass/color/presets/dark/indigo" } }; /** * Available typography preset paths */ var TYPOGRAPHY_PRESETS_PATHS = { material: "igniteui-theming/sass/typography/presets/material", fluent: "igniteui-theming/sass/typography/presets/fluent", bootstrap: "igniteui-theming/sass/typography/presets/bootstrap", indigo: "igniteui-theming/sass/typography/presets/indigo" }; /** * Available schema presets */ var SCHEMAS = { light: { material: "$light-material-schema", fluent: "$light-fluent-schema", bootstrap: "$light-bootstrap-schema", indigo: "$light-indigo-schema" }, dark: { material: "$dark-material-schema", fluent: "$dark-fluent-schema", bootstrap: "$dark-bootstrap-schema", indigo: "$dark-indigo-schema" } }; /** * Available palettes presets */ var PALETTES = { light: { material: "$light-material-palette", fluent: "$light-fluent-palette", bootstrap: "$light-bootstrap-palette", indigo: "$light-indigo-palette" }, dark: { material: "$dark-material-palette", fluent: "$dark-fluent-palette", bootstrap: "$dark-bootstrap-palette", indigo: "$dark-indigo-palette" } }; /** * Available typefaces */ var TYPEFACES = { material: "$material-typeface", fluent: "$fluent-typeface", bootstrap: "$bootstrap-typeface", indigo: "$indigo-typeface" }; /** * Available type scales */ var TYPE_SCALES = { material: "$material-type-scale", fluent: "$fluent-type-scale", bootstrap: "$bootstrap-type-scale", indigo: "$indigo-type-scale" }; /** * Available elevation presets */ var ELEVATIONS = { material: "$material-elevations", bootstrap: "$material-elevations", fluent: "$material-elevations", indigo: "$indigo-elevations" }; //#endregion export { ELEVATIONS, PALETTES, PALETTE_PRESETS_PATHS, SCHEMAS, TYPEFACES, TYPE_SCALES, TYPOGRAPHY_PRESETS_PATHS };