|
8 | 8 | } |
9 | 9 |
|
10 | 10 | .org-section-head { |
11 | | - max-width: 760px; |
| 11 | + max-width: none; |
| 12 | + display: flex; |
| 13 | + align-items: flex-start; |
| 14 | + justify-content: space-between; |
| 15 | + gap: 32px; |
12 | 16 | margin-bottom: 48px; |
13 | 17 | } |
14 | 18 |
|
|
31 | 35 | line-height: 1.5; |
32 | 36 | } |
33 | 37 |
|
34 | | -.org-section-side { display: none; } |
| 38 | +.org-team-nav a { gap: 12px; } |
| 39 | +.org-team-nav a span { color: var(--bs-violet); font: 500 12px var(--bs-fontmono); } |
| 40 | +.org-team-nav a:last-child { margin-left: auto; } |
| 41 | + |
| 42 | +.org-track:nth-of-type(even) { background: var(--bs-surface); } |
| 43 | +.org-team-heading { display: flex; gap: 28px; min-width: 0; } |
| 44 | +.org-team-heading > div { min-width: 0; } |
| 45 | +.org-team-number { |
| 46 | + padding-top: 4px; |
| 47 | + color: var(--bs-violet); |
| 48 | + font: 500 48px/1 var(--bs-fontmono); |
| 49 | + letter-spacing: -0.06em; |
| 50 | +} |
| 51 | +.org-team-meta { display: grid; flex: 0 0 auto; justify-items: end; gap: 8px; } |
| 52 | +.org-team-count { color: var(--bs-muted); font: 500 12px/1.5 var(--bs-fontmono); } |
| 53 | +.org-section a.org-back, |
| 54 | +.org-section a.org-track-link { |
| 55 | + display: inline-flex; |
| 56 | + align-items: center; |
| 57 | + min-height: 44px; |
| 58 | + color: var(--bs-violet); |
| 59 | + font-size: 16px; |
| 60 | + font-weight: 600; |
| 61 | + text-underline-offset: 4px; |
| 62 | +} |
| 63 | +.org-team-note { |
| 64 | + margin: 0 0 32px; |
| 65 | + padding: 20px 24px; |
| 66 | + border-left: 3px solid var(--bs-violet); |
| 67 | + background: var(--bs-violet-wash); |
| 68 | + color: var(--bs-text); |
| 69 | +} |
| 70 | +.org-team-note a { color: var(--bs-violet); text-underline-offset: 3px; } |
| 71 | +.org-card .contribution { |
| 72 | + margin: 0; |
| 73 | + padding: 12px 16px; |
| 74 | + border-left: 2px solid var(--bs-violet); |
| 75 | + background: var(--bs-violet-wash); |
| 76 | + color: var(--bs-text); |
| 77 | + font-weight: 600; |
| 78 | +} |
35 | 79 |
|
36 | 80 | .org-directory { |
37 | 81 | display: grid; |
|
43 | 87 | .org-card, |
44 | 88 | .org-grid.tight .org-card { |
45 | 89 | display: grid; |
46 | | - align-content: start; |
47 | | - gap: 18px; |
| 90 | + grid-template-rows: auto 1fr auto; |
| 91 | + gap: 20px; |
48 | 92 | min-width: 0; |
49 | 93 | padding: 28px 32px 32px 0; |
50 | 94 | border: 0; |
|
90 | 134 | display: block; |
91 | 135 | border-radius: inherit; |
92 | 136 | object-fit: cover; |
| 137 | + object-position: center 25%; |
93 | 138 | } |
94 | 139 |
|
95 | 140 | .org-card .name-wrap { display: grid; gap: 6px; min-width: 0; } |
96 | 141 |
|
97 | 142 | .org-card .name, |
98 | 143 | .org-grid.tight .org-card .name { |
| 144 | + margin: 0; |
99 | 145 | color: var(--bs-text); |
100 | 146 | font-size: 20px; |
101 | 147 | font-weight: 700; |
|
125 | 171 |
|
126 | 172 | .org-card.lead .name { color: var(--bs-text); } |
127 | 173 | .org-card.lead .role { color: var(--bs-violet); } |
| 174 | +.org-card[data-contribution] { grid-template-rows: auto auto 1fr auto; } |
| 175 | +.org-card:target { outline: 2px solid var(--bs-violet); outline-offset: 8px; } |
| 176 | +.organizers-page a:focus-visible { outline: 2px solid var(--bs-violet); outline-offset: 4px; } |
128 | 177 |
|
129 | 178 | .org-card .affil, |
130 | 179 | .org-grid.tight .org-card .affil { |
|
167 | 216 |
|
168 | 217 | .org-logo-stage img:nth-child(6n) { border-right: 0; } |
169 | 218 |
|
| 219 | +/* Keep the EMG lead distinct and the two data-collection profiles together. */ |
| 220 | +@media (min-width: 1025px) { |
| 221 | + #team-emg .org-card:first-child { |
| 222 | + grid-column: 1 / -1; |
| 223 | + grid-template-columns: repeat(2, minmax(0, 1fr)); |
| 224 | + grid-template-rows: auto auto; |
| 225 | + gap: 20px 32px; |
| 226 | + padding-right: 0; |
| 227 | + } |
| 228 | + #team-emg .org-card:first-child .affil { grid-column: 2; } |
| 229 | + #team-emg .org-card:nth-child(even) { padding: 28px 32px 32px 0; border-left: 0; } |
| 230 | + #team-emg .org-card:nth-child(odd):not(:first-child) { padding: 28px 0 32px 32px; border-left: 1px solid var(--bs-card-border); } |
| 231 | +} |
| 232 | + |
170 | 233 | @media (max-width: 1024px) { |
171 | 234 | .org-directory { grid-template-columns: 1fr; } |
172 | 235 | .org-card, |
|
180 | 243 | @media (max-width: 768px) { |
181 | 244 | .org-section { padding-block: 64px; } |
182 | 245 | .org-section-head { margin-bottom: 36px; } |
| 246 | + .org-section-head { flex-direction: column; gap: 20px; } |
| 247 | + .org-team-meta { display: flex; align-items: center; gap: 24px; } |
| 248 | + .org-team-heading { gap: 16px; } |
| 249 | + .org-team-number { font-size: 32px; } |
| 250 | + .org-team-note { padding: 16px; } |
183 | 251 | } |
184 | 252 |
|
185 | 253 | @media (max-width: 640px) { |
| 254 | + .org-team-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; } |
| 255 | + .org-team-nav a { gap: 8px; padding-inline: 8px; } |
| 256 | + .org-team-nav a:last-child { margin-left: 0; } |
186 | 257 | .org-card .head, |
187 | 258 | .org-grid.tight .org-card .head { grid-template-columns: 72px minmax(0, 1fr); gap: 16px; } |
188 | 259 | .org-card .avatar, |
|
0 commit comments