@fluentui/react-northstar
Version:
A themable React component library.
32 lines (30 loc) • 856 B
JavaScript
;
exports.__esModule = true;
exports.menuItemIconStyles = void 0;
var _utils = require("../../../../utils");
var menuItemIconStyles = {
root: function root(_ref) {
var p = _ref.props,
v = _ref.variables;
return Object.assign({
display: 'inline-flex',
alignItems: 'center',
justifyContent: 'center',
width: v.iconSize,
height: v.iconSize,
'& > :first-child': {
height: '100%',
width: '100%'
}
}, p.hasContent && {
marginRight: (0, _utils.pxToRem)(10)
}, !p.iconOnly && {
// reduce margins so text has the dominant influence on the vertical height
marginTop: 0,
marginBottom: (0, _utils.pxToRem)(-8),
verticalAlign: 'top'
});
}
};
exports.menuItemIconStyles = menuItemIconStyles;
//# sourceMappingURL=menuItemIconStyles.js.map