Newer
Older
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
.team-card-normal {
display: flex;
border-bottom: 2px solid $color-helmholtz-blue;
color: black;
padding: 1rem;
align-items: center;
&:focus,
&:hover {
background-color: $color-header-light-gray;
.name {
color: $color-helmholtz-blue;
}
}
/*
Images are set to a 4:3 aspect ratio and made to
fit by shrinking and centering.
*/
.portrait {
@include respond-to-medium(width, 3rem);
@include respond-to-medium(height, 4rem);
@include respond-to-medium(min-width, 3rem);
@include respond-to-medium(min-height, 4rem);
@include respond-to-medium(max-width, 3rem);
@include respond-to-medium(max-height, 4rem);
margin-right: 0.5rem;
margin-bottom: 0.2rem;
flex-shrink: 0; /* Don't shrink */
object-fit: cover;
object-position: center;
&::after {
@include respond-to-medium(font-size, 3rem);
}
}
}