processing-community-day/pcd-website/src/styles/docs/content.css at main · processing/processing-community-day · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
.docs-prose :is(h1, h2, h3, h4, h5, h6) {
  scroll-margin-top: calc(var(--header-height) + var(--sp-4));
}
.docs-prose :is(ol, ul) {
  margin: 0.5em 0 var(--sp-4);
  padding-left: 1.5em;
}
.docs-prose li {
  position: relative;
}
.docs-prose ol {
  list-style: none;
  counter-reset: step-counter;
}
.docs-prose ol > li::before {
  position: absolute;
  top: 0.2em;
  left: -1.6em;
  color: var(--color-text);
  content: counter(step-counter);
  counter-increment: step-counter;
  font-size: var(--step-3);
}
.docs-prose ol ol {
  counter-reset: sub-counter;
}
.docs-prose ol ol > li::before {
  content: counter(sub-counter, lower-alpha);
  counter-increment: sub-counter;
}
.docs-prose ul {
  list-style: none;
}
.docs-prose ul > li::before {
  position: absolute;
  margin-left: -1.4em;
  color: var(--color-text);
  content: "•";
}
.docs-prose .task-list-item::before,
.docs-prose .docs-page-toc li::before {
  content: none;
}
.docs-prose :is(h1, h2, h3, h4, h5, h6) + p {
  margin-top: 0;
}

.docs-prose .committee-member {
  display: grid;
  grid-template-areas:
    "portrait name"
    "portrait bio";
  grid-template-columns: 8rem minmax(0, 1fr);
  column-gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
}

.docs-prose .committee-member > h3 {
  grid-area: name;
  margin: 0 0 var(--spacing-xs);
  padding-left: 0;
}

.docs-prose .committee-member > h3 .docs-heading-anchor {
  display: none;
}

.docs-prose .committee-member > p:has(> img:only-child) {
  grid-area: portrait;
  margin: 0;
}

.docs-prose .committee-member > p:not(:has(> img:only-child)) {
  grid-area: bio;
  margin: 0;
}

.docs-prose .committee-member img {
  display: block;
  border-radius: 50%;
}

@media (max-width: 30rem) {
  .docs-prose .committee-member {
    grid-template-areas:
      "portrait"
      "name"
      "bio";
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    margin: var(--spacing-xl) 0;
  }

  .docs-prose .committee-member > h3 {
    margin-bottom: var(--spacing-sm);
    text-align: center;
  }

  .docs-prose .committee-member > p:has(> img:only-child) {
    width: 8rem;
    margin-bottom: var(--spacing-md);
    justify-self: center;
  }
}

@media (max-width: 49.999rem) {
  .docs-prose :is(h1, h2, h3, h4, h5, h6) {
    scroll-margin-top: calc(var(--header-height) + var(--sp-8));
  }
}