@fluentui/react-northstar
Version:
A themable React component library.
35 lines (33 loc) • 1.03 kB
JavaScript
;
exports.__esModule = true;
exports.chatItemStylesCompact = void 0;
var _utils = require("../../../../utils");
/** ChatItem styles specific for the compact density. */
var chatItemStylesCompact = {
root: function root(_ref) {
var p = _ref.props;
return Object.assign({}, (!p.attached || p.attached === 'top') && {
paddingTop: (0, _utils.pxToRem)(8)
}, {
marginTop: (0, _utils.pxToRem)(-2),
marginBottom: (0, _utils.pxToRem)(-2)
});
},
gutter: function gutter(_ref2) {
var v = _ref2.variables;
return {
marginTop: v.gutterMarginCompact,
left: (0, _utils.pxToRem)(28)
};
},
message: function message(_ref3) {
var v = _ref3.variables;
return {
marginLeft: v.messageMarginCompact,
marginRight: v.messageMarginEndCompact,
width: "calc(100% - " + v.messageMarginCompact + " - " + v.messageMarginEndCompact + ")"
};
}
};
exports.chatItemStylesCompact = chatItemStylesCompact;
//# sourceMappingURL=chatItemStylesCompact.js.map