Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3703 | Rev 3705 | 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 fontFamily = ['Source Sans 3', 'sans-serif'];
3596 stevensc 8 
 
3703 stevensc 9 
export const h1 = css`
3596 stevensc 10 
  font-size: 1.3rem;
11 
  font-weight: 600;
12 
  color: ${colors.font.title};
13 
`;
14 
 
3703 stevensc 15 
export const h2 = css`
3596 stevensc 16 
  font-size: 1.1rem;
17 
  font-weight: 600;
18 
  color: ${colors.font.title};
19 
`;
20 
 
3703 stevensc 21 
export const h3 = css`
3596 stevensc 22 
  font-size: 1rem;
23 
  font-weight: 600;
24 
  color: ${colors.font.title};
25 
`;
26 
 
3703 stevensc 27 
export const h4 = css`
3596 stevensc 28 
  font-size: 1rem;
29 
  font-weight: 600;
30 
  color: ${colors.font.subtitle};
31 
`;
32 
 
3703 stevensc 33 
export const body1 = css`
3596 stevensc 34 
  font-size: 1rem;
35 
  color: ${colors.font.primary};
36 
`;
37 
 
3703 stevensc 38 
export const body2 = css`
39 
  font-size: 1rem;
40 
  color: ${colors.font.primary};
41 
`;
42 
 
43 
export const overline = css`
3596 stevensc 44 
  line-height: 1.25;
45 
  text-transform: 'none';
46 
  font-weight: 500;
3703 stevensc 47 
  color: ${colors.font.subtitle};
48 
  display: inline-flex;
3596 stevensc 49 
`;
3703 stevensc 50 
 
51 
export const caption = css`
52 
  font-size: 0.875rem;
53 
  color: ${colors.font.primary};
54 
`;
55 
 
56 
export const typography = {
57 
  fontSize,
58 
  fontFamily,
59 
  h1,
60 
  h2,
61 
  h3,
62 
  h4,
63 
  body1,
64 
  body2,
65 
  overline
66 
};