@fluentui/react-northstar
Version:
A themable React component library.
55 lines (53 loc) • 1.59 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.breadcrumbLinkStyles = void 0;
var _getBorderFocusStyles = require("../../getBorderFocusStyles");
var breadcrumbLinkStyles = {
root: function root(_ref) {
var p = _ref.props,
v = _ref.variables,
siteVariables = _ref.theme.siteVariables;
var borderFocusStyles = (0, _getBorderFocusStyles.getBorderFocusStyles)(Object.assign({
variables: siteVariables
}, p.size === 'smaller' && {
borderPadding: {
top: v.linkPaddingTop,
right: v.linkPaddingRightSmaller,
bottom: v.linkPaddingBottom,
left: v.linkPaddingLeftSmaller
}
}, p.size === 'small' && {
borderPadding: {
top: v.linkPaddingTop,
right: v.linkPaddingRightSmall,
bottom: v.linkPaddingBottom,
left: v.linkPaddingLeftSmall
}
}, p.size === 'medium' && {
borderPadding: {
top: v.linkPaddingTop,
right: v.linkPaddingRightMedium,
bottom: v.linkPaddingBottom,
left: v.linkPaddingLeftMedium
}
}, p.size === 'large' && {
borderPadding: {
top: v.linkPaddingTop,
right: v.linkPaddingRightLarge,
bottom: v.linkPaddingBottom,
left: v.linkPaddingLeftLarge
}
}));
return Object.assign({
userSelect: 'none',
display: 'flex',
alignItems: 'center',
position: 'relative',
':visited': {
color: 'inherit'
}
}, borderFocusStyles);
}
};
exports.breadcrumbLinkStyles = breadcrumbLinkStyles;
//# sourceMappingURL=breadcrumbLinkStyles.js.map