Proyectos de Subversion LeadersLinked - SPA

import { css } from '@emotion/react';

import colors from '@styles/config/colors';

export const fontSize = 14;

export const h1 = css`
  font-size: 1.3rem;
  font-weight: 600;
  color: ${colors.font.title};
`;

export const h2 = css`
  font-size: 1.1rem;
  font-weight: 600;
  color: ${colors.font.title};
`;

export const h3 = css`
  font-size: 1rem;
  font-weight: 600;
  color: ${colors.font.title};
`;

export const h4 = css`
  font-size: 1rem;
  font-weight: 600;
  color: ${colors.font.subtitle};
`;

export const body1 = css`
  font-size: 1rem;
  color: ${colors.font.primary};
`;

export const body2 = css`
  font-size: 1rem;
  color: ${colors.font.primary};
`;

export const overline = css`
  line-height: 1.25;
  text-transform: 'none';
  font-weight: 500;
  color: ${colors.font.subtitle};
  display: inline-flex;
`;

export const caption = css`
  font-size: 0.875rem;
  color: ${colors.font.primary};
`;

export const typography = {
  fontSize,
  h1,
  h2,
  h3,
  h4,
  body1,
  body2,
  overline
};

export const typographyStyles = {
  root: {
    margin: 0,
    fontFamily: ['Source Sans 3', 'sans-serif']
  }
};