@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
52 lines • 1.89 kB
JavaScript
export var 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
};
};
export var 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