39 lines
628 B
SCSS
39 lines
628 B
SCSS
.eventHeader {
|
|
position: relative;
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
column-gap: var(--spacing-gap-column);
|
|
align-items: flex-end;
|
|
padding: 0 0 var(--spacing-sitepadding) 0;
|
|
}
|
|
|
|
.title {
|
|
font-size: var(--font-size-h1);
|
|
}
|
|
|
|
.image {
|
|
grid-column: span 2;
|
|
margin-top: calc(var(--spacing-sitepadding)*-2);
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
.details {
|
|
font-family: var(--font-serif);
|
|
font-size: var(--font-size-lead);
|
|
}
|
|
|
|
.pig {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: -2.5rem;
|
|
transform: translateY(50%);
|
|
color: var(--color-white);
|
|
|
|
>div {
|
|
width: 30vw;
|
|
}
|
|
} |