rf-web/_sass/layouts/participant.scss
2020-08-22 20:45:22 +02:00

45 lines
652 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;
}
}
.post-content h2:first-of-type {
margin-top: 0;
}
}