react-openfin-mat-impl
Version:
Materialize UI implementation of react-openfin
65 lines • 2.84 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const styles_1 = require("@material-ui/core/styles");
const colorManipulator_1 = require("@material-ui/core/styles/colorManipulator");
const openfin_starter_constant_1 = require("../openfin-starter-constant");
const headerLinkStyle = (theme) => styles_1.createStyles({
menuBtn: {
width: openfin_starter_constant_1.default.appbarHeight * 0.9,
height: openfin_starter_constant_1.default.appbarHeight * 0.9,
minHeight: openfin_starter_constant_1.default.appbarHeight * 0.9,
marginRight: openfin_starter_constant_1.default.appbarHeight * 0.5,
"-webkit-app-region": "no-drag",
"& span svg": {
width: openfin_starter_constant_1.default.appbarHeight * 0.8,
height: openfin_starter_constant_1.default.appbarHeight * 0.8,
}
},
info: {
backgroundColor: openfin_starter_constant_1.default.infoColor,
color: '#ffffff',
borderRadius: "4px",
"&:hover,&:focus": {
background: openfin_starter_constant_1.default.infoColor,
border: `1px solid ${colorManipulator_1.lighten(openfin_starter_constant_1.default.infoColor, 0.5)}`
},
},
success: {
backgroundColor: openfin_starter_constant_1.default.successColor,
color: '#ffffff',
borderRadius: "4px",
"&:hover,&:focus": {
background: openfin_starter_constant_1.default.successColor,
border: `1px solid ${colorManipulator_1.lighten(openfin_starter_constant_1.default.successColor, 0.5)}`
},
},
warning: {
backgroundColor: openfin_starter_constant_1.default.warningColor,
color: '#ffffff',
borderRadius: "4px",
"&:hover,&:focus": {
background: openfin_starter_constant_1.default.warningColor,
border: `1px solid ${colorManipulator_1.lighten(openfin_starter_constant_1.default.warningColor, 0.5)}`
},
},
rose: {
backgroundColor: openfin_starter_constant_1.default.roseColor,
color: '#ffffff',
borderRadius: "4px",
"&:hover,&:focus": {
background: openfin_starter_constant_1.default.roseColor,
border: `1px solid ${colorManipulator_1.lighten(openfin_starter_constant_1.default.roseColor, 0.5)}`
},
},
danger: {
backgroundColor: openfin_starter_constant_1.default.dangerColor,
color: '#ffffff',
borderRadius: "4px",
"&:hover,&:focus": {
background: openfin_starter_constant_1.default.dangerColor,
border: `1px solid ${colorManipulator_1.lighten(openfin_starter_constant_1.default.dangerColor, 0.5)}`
},
},
});
exports.default = headerLinkStyle;
//# sourceMappingURL=headerLinksComp.style.js.map