@fluentui/react-northstar
Version:
A themable React component library.
30 lines (29 loc) • 1.03 kB
JavaScript
import { pxToRem } from '../../../../utils';
export var breadcrumbVariables = function breadcrumbVariables(siteVars) {
return {
dividerMargin: "0 " + pxToRem(8),
fontSizeSmaller: pxToRem(12),
fontSizeSmall: pxToRem(12),
fontSizeMedium: pxToRem(14),
fontSizeLarge: pxToRem(18),
// Breadcrumb Item
itemCurrentFontWeight: siteVars.fontWeightBold,
// Breadcrumb Link
linkPaddingTop: pxToRem(6),
linkPaddingBottom: pxToRem(6),
linkPaddingLeftSmaller: pxToRem(4),
linkPaddingRightSmaller: pxToRem(4),
linkPaddingLeftSmall: pxToRem(8),
linkPaddingRightSmall: pxToRem(8),
linkPaddingLeftMedium: pxToRem(12),
linkPaddingRightMedium: pxToRem(12),
linkPaddingLeftLarge: pxToRem(12),
linkPaddingRightLarge: pxToRem(12),
linkSmallerGap: pxToRem(2),
linkSmallGap: pxToRem(8),
linkMediumGap: pxToRem(8),
linkLargeGap: pxToRem(8),
disabledColor: siteVars.colorScheme.default.foregroundDisabled
};
};
//# sourceMappingURL=breadcrumbVariables.js.map