opensciencelabs.github.io/theme/css/team.css at 84009e2bf2c9af30907e9bdb08699bde92ac7bf1 · xmnlab/opensciencelabs.github.io · 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
/* ===== Team page (scoped) ===== */
.team-grid .card{
  border-radius: 1rem;
  border: 1px solid var(--card-border, rgba(255,255,255,.12));
  background: var(--card-bg, rgba(20,24,33,.6));
  overflow: hidden;
}
[data-bs-theme="light"] .team-grid .card{
  background: #fff;
  border-color: rgba(0,0,0,.08);
}

.team-grid .card-img-top{
  display:block;
  width:100%;
  aspect-ratio: 4 / 3;       /* keeps consistent header area */
  object-fit: cover;         /* crops tall/wide headshots neatly */
}

.team-grid .card-title{
  font-size: 1.15rem;
  margin-bottom: .25rem;
}

/* Social icon row */
.team-grid .social{
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* Tight, consistent SVG icon sizing + inherit theme color */
.team-grid .social .icon{
  width: 22px;               /* <- right here: fix HUGE icon */
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;        /* ensure symbols use text color */
}
.team-grid .social a{
  color: var(--fg, #e6e9f0);
  opacity: .85;
  text-decoration: none;
}
[data-bs-theme="light"] .team-grid .social a{
  color: #1f2937;
}
.team-grid .social a:hover{
  color: var(--brand, #3b82f6);
  opacity: 1;
}

/* Sponsor iframe wrapper spacing */
.team-grid .sponsor{
  margin-top: .5rem;
}