hatecomputers.club/static/css/club.css

55 lines
882 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: .5rem;
min-height: 3rem;
}
.avatar {
float: left;
width: 40%;
margin: .5rem;
margin-bottom: -.6rem;
padding-bottom: .6rem;
}
.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;
}