Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3596 | Rev 3704 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3596 Rev 3703
Línea 1... Línea 1...
1 
import { css } from '@emotion/react';
 1 
import { css } from '@emotion/react';
- 
 
 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 
 
2 
import colors from '@styles/config/colors';
 7 
import colors from '@styles/config/colors';
Línea 3... Línea 8...
3 
 
 8 
 
4 
export const fontFamilyPrimary =
 - 
 
Línea 5... Línea 9...
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';
 9 
export const fontSize = 14;
6 
 
 - 
 
7 
export const typographyStyles = css`
 - 
 
Línea 8... Línea 10...
8 
  margin: 0;
 10 
 
9 
`;
 11 
export const fontFamily = ['Source Sans 3', 'sans-serif'];
10 
 
 12 
 
11 
export const heading1Styles = css`
 13 
export const h1 = css`
12 
  font-size: 1.3rem;
 14 
  font-size: 1.3rem;
Línea 13... Línea 15...
13 
  font-weight: 600;
 15 
  font-weight: 600;
14 
  color: ${colors.font.title};
 16 
  color: ${colors.font.title};
15 
`;
 17 
`;
16 
 
 18 
 
17 
export const heading2Styles = css`
 19 
export const h2 = css`
Línea 18... Línea 20...
18 
  font-size: 1.1rem;
 20 
  font-size: 1.1rem;
19 
  font-weight: 600;
 21 
  font-weight: 600;
20 
  color: ${colors.font.title};
 22 
  color: ${colors.font.title};
21 
`;
 23 
`;
22 
 
 24 
 
Línea 23... Línea 25...
23 
export const heading3Styles = css`
 25 
export const h3 = css`
24 
  font-size: 1rem;
 26 
  font-size: 1rem;
25 
  font-weight: 600;
 27 
  font-weight: 600;
26 
  color: ${colors.font.title};
 28 
  color: ${colors.font.title};
27 
`;
 29 
`;
Línea 28... Línea 30...
28 
 
 30 
 
- 
 
 31 
export const h4 = css`
- 
 
 32 
  font-size: 1rem;
- 
 
 33 
  font-weight: 600;
- 
 
 34 
  color: ${colors.font.subtitle};
- 
 
 35 
`;
29 
export const heading4Styles = css`
 36 
 
30 
  font-size: 1rem;
 37 
export const body1 = css`
31 
  font-weight: 600;
 38 
  font-size: 1rem;
Línea 32... Línea 39...
32 
  color: ${colors.font.subtitle};
 39 
  color: ${colors.font.primary};
33 
`;
 40 
`;
34 
 
 41 
 
35 
export const paragraphStyles = css`
 42 
export const body2 = css`
36 
  font-size: 1rem;
 43 
  font-size: 1rem;
37 
  color: ${colors.font.primary};
 44 
  color: ${colors.font.primary};
38 
`;
 45 
`;
- 
 
 46 
 
- 
 
 47 
export const overline = css`
- 
 
 48 
  line-height: 1.25;
- 
 
 49 
  text-transform: 'none';
- 
 
 50 
  font-weight: 500;
- 
 
 51 
  color: ${colors.font.subtitle};
- 
 
 52 
  display: inline-flex;
- 
 
 53 
`;
- 
 
 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,