Proyectos de Subversion LeadersLinked - SPA

Rev

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