Proyectos de Subversion LeadersLinked - SPA

Rev

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