@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
56 lines • 2.25 kB
JavaScript
define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.VerticalPersonaTokens = function (props, theme) {
return {
verticalPersonaWidth: 122,
// TODO: typing exposed this error, ask Mark what it should be?
// font: theme.fonts.large,
horizontalTextPadding: 8,
primaryTextPaddingTop: '8px',
primaryTextFontSize: '14px',
primaryTextFontWeight: 600,
secondaryTextPaddingTop: '6px',
secondaryTextFontSize: '12px',
secondaryTextFontWeight: 300
};
};
exports.VerticalPersonaStyles = function (props, theme, tokens) {
return {
root: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'flex-start',
width: tokens.verticalPersonaWidth + "px",
padding: "0 " + tokens.horizontalTextPadding + "px",
boxSizing: 'border-box'
},
primaryText: {
width: '100%',
paddingTop: tokens.primaryTextPaddingTop,
fontFamily: tokens.fontFamily,
fontSize: tokens.primaryTextFontSize,
fontWeight: tokens.primaryTextFontWeight,
color: theme.palette.neutralPrimary,
textAlign: 'center',
whiteSpace: 'initial',
wordBreak: 'break-word',
wordWrap: 'break-word'
},
secondaryText: {
width: '100%',
paddingTop: tokens.secondaryTextPaddingTop,
fontFamily: tokens.fontFamily,
fontSize: tokens.secondaryTextFontSize,
lineHeight: '1.42',
textAlign: 'center',
whiteSpace: 'initial',
color: theme.palette.neutralSecondary,
wordBreak: 'break-word',
wordWrap: 'break-word'
}
};
};
});
//# sourceMappingURL=VerticalPersona.styles.js.map