1
.uppercase {
2
  text-transform: uppercase;
3
}
4

5
/* Hiding class, making content visible only to screen readers but not visually
6
  "sr" meaning "screen-reader" -- https://css-tricks.com/inclusively-hidden/
7
  Anything marked with this is entirely for accessibility reasons!
8
*/
9

10
.sr-only:not(:focus):not(:active) {
11
  clip: rect(0 0 0 0);
12
  clip-path: inset(50%);
13
  height: 1px;
14
  overflow: hidden;
15
  position: absolute;
16
  white-space: nowrap;
17
  width: 1px;
18
}
19

20
/*
21
See https://wordpress.org/support/topic/katex-block-doesnt-break-formulas-into-lines/
22
This is also in packages/frontend/index.sass
23
*/
24
.katex-html {
25
  white-space: pre-wrap;
26
}
27

28
/* To match the app and let us uniformly change all the font colors with slate.
29
    Antd hard codes the colors of the heading tags. */
30

31
h1 {
32
  font-size: 250%;
33
  color: inherit;
34
}
35
h2 {
36
  font-size: 200%;
37
  color: inherit;
38
}
39
h3 {
40
  font-size: 170%;
41
  color: inherit;
42
}
43
h4 {
44
  font-size: 150%;
45
  color: inherit;
46
}
47
h5 {
48
  font-size: 130%;
49
  color: inherit;
50
}
51
h6 {
52
  font-size: 110%;
53
  color: inherit;
54
}
55

56
@media (max-width: 767px) {
57
  .cc-hidden-mobile {
58
    display: none;
59
  }
60
}
61

62
body {
63
  line-height: 1.5714285714285714;
64
}
65

66

67

68

69