scss/modules/committee.scss


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

.committee__member {
  list-style-type: none;
  margin-block-start: var(--spacing-block-sm);
}

.committee__member + .committee__member {
  border-top-width: var(--border-width);
  border-top-style: solid;
  border-image: linear-gradient(
    to right,
    transparent 0%,
    transparent 19.1%,
    var(--text-color) 19.1%,
    var(--text-color) 80.9%,
    transparent 80.9%,
    transparent 100%
  ) 1;
  margin-block-start: var(--spacing-block-md);
  padding-block-start: var(--spacing-block-md);
}

.committee__member__img {
  margin-inline: 25%;
  width: 50%;
  border-radius: 50%;
}

.committee__member__text {
  text-align: center;
  margin-block-start: var(--spacing-block-sm);
}

.committee__member__role {
  display: block;
  font-weight: lighter;
}