codesandbox-client/packages/common/src/theme/fonts/editor.ts at shadow-fade-fix · hipertracker/codesandbox-client · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import { css } from 'styled-components';

const base = css`
  font-family: 'Roboto';
`;

export const editor = {
  base,
  tiny: css`
    ${base};
    font-size: 10px;
    line-height: 14px;
  `,
  small: css`
    ${base};
    font-size: 12px;
    line-height: 14px;
  `,
  normal: css`
    ${base};
    font-size: 14px;
    line-height: 16px;
  `,
  medium: css`
    ${base};
    font-size: 18px;
    line-height: 21px;
  `,
  large: css`
    ${base};
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
  `,
  huge: css`
    ${base};
    font-weight: 300;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.02em;
  `,
};