41 lines
593 B
SCSS
41 lines
593 B
SCSS
.participant {
|
|
.post-header {
|
|
align-items: flex-end;
|
|
position: relative;
|
|
|
|
h2 {
|
|
margin-right: 32px;
|
|
}
|
|
|
|
img.participant-profile {
|
|
max-width: 300px;
|
|
}
|
|
|
|
@include touch {
|
|
flex-direction: column-reverse;
|
|
h2 {
|
|
z-index: 1;
|
|
}
|
|
|
|
img.participant-profile {
|
|
transform: translateY(var(--size-24));
|
|
width: 100%;
|
|
max-width: initial;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.participant,
|
|
.event {
|
|
.post-header {
|
|
h2 {
|
|
margin-right: var(--size-32);
|
|
}
|
|
|
|
img.participant-profile {
|
|
max-width: 252px;
|
|
}
|
|
}
|
|
}
|