@fluent-windows/core/es/Typography/Typography.styled.js

React components that inspired by Microsoft's Fluent Design System.

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
});