@fluent-windows/core
Version:
React components that inspired by Microsoft's Fluent Design System.
29 lines (27 loc) • 462 B
JavaScript
const root = {
marginTop: 0,
marginBottom: 0
};
const variants = theme => ({
variant = 'body1'
}) => {
return theme.typographies.variants[variant];
};
const gutterTop = {
marginTop: '0.65em'
};
const gutterBottom = {
marginBottom: '0.35em'
};
const noWrap = {
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis'
};
export const styles = theme => ({
root,
variants: variants(theme),
gutterTop,
gutterBottom,
noWrap
});