all-school/global.js at main · public-office/all-school · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import { globalCss } from './stitches.config'

export const globalStyles = globalCss({
  '@font-face': [
    {
      fontFamily: 'Synt',
      src: `url('/fonts/DinamoSynt-Regular.woff')`,
    },
    {
      fontFamily: 'Neue Haas Grotesk',
      src: `url('/fonts/NHaasGroteskTXPro-65Md.woff')`,
    },
  ],
  '*': {
    margin: 0,
    padding: 0,
    boxSizing: 'border-box',
    font: 'inherit',
    appearance: 'none',
    border: 'none',
    background: 'none',
    outline: 'none',
  },
  a: {
    color: 'inherit',
    textDecorationThickness: '0.05em',
    textUnderlineUffset: '0.075em',
    '&:hover': {
      color: '$highlight',
      textDecorationLine: 'underline',
    },
  },
  body: {
    fontSize: '$sans1',
    fontFamily: '$sans',
    lineHeight: '$sans1',
    width: '100vw',
    overflowX: 'hidden',
  },
  'p:not(:last-child)': {
    marginBottom: '1.2em',
  },
  img: {
    display: 'block',
    maxWidth: '100%',
  },
  figcaption: {
    fontFamily: '$serif',
    fontSize: '$serif1',
    marginTop: '$1',
    marginBottom: '1.2em',
  },
  button: {
    cursor: 'pointer',
  },
})