Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3706 | Rev 3709 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3596 stevensc 1 
import { css } from '@emotion/react';
3703 stevensc 2 
 
3596 stevensc 3 
import colors from '@styles/config/colors';
4 
 
3703 stevensc 5 
export const fontSize = 14;
3596 stevensc 6 
 
3703 stevensc 7 
export const h1 = css`
3596 stevensc 8 
  font-size: 1.3rem;
9 
  font-weight: 600;
10 
  color: ${colors.font.title};
11 
`;
12 
 
3703 stevensc 13 
export const h2 = css`
3596 stevensc 14 
  font-size: 1.1rem;
15 
  font-weight: 600;
16 
  color: ${colors.font.title};
17 
`;
18 
 
3703 stevensc 19 
export const h3 = css`
3596 stevensc 20 
  font-size: 1rem;
21 
  font-weight: 600;
22 
  color: ${colors.font.title};
23 
`;
24 
 
3703 stevensc 25 
export const h4 = css`
3596 stevensc 26 
  font-size: 1rem;
27 
  font-weight: 600;
28 
  color: ${colors.font.subtitle};
29 
`;
30 
 
3703 stevensc 31 
export const body1 = css`
3596 stevensc 32 
  font-size: 1rem;
33 
  color: ${colors.font.primary};
34 
`;
35 
 
3703 stevensc 36 
export const body2 = css`
37 
  font-size: 1rem;
38 
  color: ${colors.font.primary};
39 
`;
40 
 
41 
export const overline = css`
3707 stevensc 42 
  font-size: 0.875rem;
3703 stevensc 43 
  color: ${colors.font.subtitle};
44 
  display: inline-flex;
3596 stevensc 45 
`;
3703 stevensc 46 
 
47 
export const caption = css`
48 
  font-size: 0.875rem;
3707 stevensc 49 
  color: ${colors.font.subtitle};
50 
  display: inline-flex;
3703 stevensc 51 
`;
52 
 
53 
export const typography = {
54 
  fontSize,
55 
  h1,
56 
  h2,
57 
  h3,
58 
  h4,
59 
  body1,
60 
  body2,
61 
  overline
62 
};
3706 stevensc 63 
 
64 
export const typographyStyles = {
3707 stevensc 65 
  root: { margin: 0 }
3706 stevensc 66 
};