Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3703 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3596 stevensc 1 
import { css } from '@emotion/react';
2 
import colors from '@styles/config/colors';
3 
 
4 
export const fontFamilyPrimary =
5 
  '-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif';
6 
 
7 
export const typographyStyles = css`
8 
  margin: 0;
9 
`;
10 
 
11 
export const heading1Styles = css`
12 
  font-size: 1.3rem;
13 
  font-weight: 600;
14 
  color: ${colors.font.title};
15 
`;
16 
 
17 
export const heading2Styles = css`
18 
  font-size: 1.1rem;
19 
  font-weight: 600;
20 
  color: ${colors.font.title};
21 
`;
22 
 
23 
export const heading3Styles = css`
24 
  font-size: 1rem;
25 
  font-weight: 600;
26 
  color: ${colors.font.title};
27 
`;
28 
 
29 
export const heading4Styles = css`
30 
  font-size: 1rem;
31 
  font-weight: 600;
32 
  color: ${colors.font.subtitle};
33 
`;
34 
 
35 
export const paragraphStyles = css`
36 
  font-size: 1rem;
37 
  color: ${colors.font.primary};
38 
`;
39 
 
40 
export const overlineStyles = css`
41 
  line-height: 1.25;
42 
  text-transform: 'none';
43 
  font-weight: 500;
44 
  color: var(--subtitle-color);
45 
  display: flex;
46 
`;