einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-18 02:34:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

🛠 Layout and content updates

Browse Source
This commit is contained in:
Dennis Reimann
2020-10-06 15:44:14 +02:00
parent 4e10a39a27
commit d217db5ad8
32 changed files with 484 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/css/sections/team.css
View File

@@ -8,20 +8,18 @@
@media (--up_to_M) {
grid-template-columns: 1fr;
}
@media (--M_to_L) {
@media (--M_and_up) {
grid-template-columns: 1fr 1fr;
}
@media (--L_and_up) {
grid-template-columns: 1fr 1fr 1fr;
}
}
& .member {
margin: 0;
text-align: center;
background-color: var(--color-card-bg);
border-radius: var(--space-l);
padding: var(--space-xl);
border-radius: var(--space-l);
background-color: var(--color-card-bg);
transition-property: background-color;
transition-duration: var(--transition-duration-fast);
& img {
display: inline-block;
@@ -30,23 +28,41 @@
width: 100px;
}
& h2 {
& header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: var(--space-l);
margin-bottom: var(--space-m);
}
& h2 {
font-size: var(--font-size-xl);
margin: 0 var(--space-l) var(--space-l) 0;
}
& p {
margin-bottom: var(--space-l);
overflow-wrap: anywhere;
margin-bottom: 0;
}
& .links {
& a,
display: flex;
margin-bottom: var(--space-l);
& a {
color: var(--color-secondary);
&:hover {
@media not all and (hover: none) {
color: var(--color-accent);
}
}
}
& svg {
display: inline-block;
height: 28px;
width: 28px;
display: block;
height: var(--font-size-l);
width: var(--font-size-l);
}
& a + a {