igniteui-angular-gauges
Version:
Ignite UI Angular gauge components.
64 lines (63 loc) • 2.44 kB
JavaScript
import { FontDefaults } from "igniteui-angular-core";
let defaultFont = "Verdana, Arial, \"Segoe UI\", \"Myriad Pro\", sans-serif";
export let BulletGraphStylingDefaults = (function () {
let BulletGraphStylingDefaults = {
//"ui-bulletgraph-backing": {
// "background-color": "#ffffff",
// "border-color": "#ffffff"
//},
"ui-bulletgraph-targetvalue": {
"background-color": "#333333",
"border-top-color": "transparent"
},
"ui-bulletgraph-tick": {
"background-color": "rgba(0, 0, 0, 0.35)",
"border-top-color": "transparent"
},
"ui-bulletgraph-minortick": {
"background-color": "rgba(0, 0, 0, 0.2)",
"border-top-color": "transparent"
},
"ui-bulletgraph-label": {
"background-color": FontDefaults.gaugesFontBrush.fill,
"border-top-color": "transparent"
},
"ui-bulletgraph-range-palette-1": {
"background-color": "#0078C8",
"border-top-color": "transparent"
},
"ui-bulletgraph-range-palette-2": {
"background-color": "#0099FF",
"border-top-color": "transparent"
},
"ui-bulletgraph-range-palette-3": {
"background-color": "#21A7FF",
"border-top-color": "transparent"
},
"ui-bulletgraph-range-palette-4": {
"background-color": "#4FB9FF",
"border-top-color": "transparent"
},
"ui-bulletgraph-range-palette-5": {
"background-color": "#79C9FF",
"border-top-color": "transparent"
},
"ui-bulletgraph-value": {
"background-color": "#333",
"border-top-color": "transparent"
},
"ui-bulletgraph": {
"font-family": FontDefaults.gaugesFontFamily,
"font-size": FontDefaults.gaugesFontSize + "px",
"color": FontDefaults.gaugesFontBrush.fill
},
"font-family": FontDefaults.gaugesFontFamily,
"font-style": "normal",
"font-weight": FontDefaults.gaugesFontWeight,
"font-size": FontDefaults.gaugesFontSize + "px",
"color": FontDefaults.gaugesFontBrush.fill,
"font-variant": "",
"line-height": ""
};
return BulletGraphStylingDefaults;
})();