More actions
No edit summary |
m (fix) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
} | } | ||
.home-event .home-card__background:after { | .home-event .home-card__foreground { | ||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
padding: var(--space-md); | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
gap: var(--space-xxs); | |||
color: #fff; | |||
line-height: var(--line-height-xs); | |||
pointer-events: none; | |||
} | |||
.home-card__header { | |||
color: var(--color-base--emphasized); | |||
font-size: 1rem; | |||
font-weight: var(--font-weight-semibold); | |||
line-height: var(--line-height-xs); | |||
} | |||
.home-event .home-card__background::after { | |||
position: absolute; | |||
pointer-events: none; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
display: block; | |||
background: linear-gradient(to right,#000,transparent); | |||
content: ""; | |||
} | } | ||
Latest revision as of 22:32, 28 October 2023
.home-event .home-card {
height: 5rem;
}
.home-event .home-card__foreground {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: var(--space-md);
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--space-xxs);
color: #fff;
line-height: var(--line-height-xs);
pointer-events: none;
}
.home-card__header {
color: var(--color-base--emphasized);
font-size: 1rem;
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-xs);
}
.home-event .home-card__background::after {
position: absolute;
pointer-events: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
background: linear-gradient(to right,#000,transparent);
content: "";
}