54 lines
869 B
CSS
54 lines
869 B
CSS
.club-members {
|
|
display: grid;
|
|
gap: 1rem;
|
|
grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
|
|
}
|
|
|
|
.club-member {
|
|
background-color: var(--background-color-2);
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
|
|
.club-member-name {
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.club-bio {
|
|
padding-inline: .5rem;
|
|
padding-block: .25rem;
|
|
}
|
|
|
|
.avatar {
|
|
float: left;
|
|
width: 30%;
|
|
margin: .5rem;
|
|
margin-bottom: -.4rem;
|
|
}
|
|
|
|
.avatar > img {
|
|
width: -moz-available;
|
|
width: -webkit-fill-available; /* we live in a society */
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
.about {
|
|
background: var(--text-color);
|
|
color: var(--background-color);
|
|
font-weight: bold;
|
|
padding: .5rem;
|
|
}
|
|
|
|
.about a, .about a:visited {
|
|
color: var(--background-color);
|
|
text-decoration: underline dotted;
|
|
}
|
|
|
|
.text-muted {
|
|
opacity: .8;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.bolder {
|
|
font-weight: bolder;
|
|
} |