rf-web/_sass/layouts/participant.scss

45 lines
652 B
SCSS
Raw Permalink Normal View History

.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;
}
}