propapier/app/assets/styles/timelineCard.css
webfussel d71e59b9c0 add: OpenGraph image, timeline card state
Added three states to timeline card, added open graph image and description
2025-05-23 08:58:14 +02:00

28 lines
No EOL
618 B
CSS

.TimelineCard {
display: flex;
align-items: center;
gap: var(--padding-default);
border: 1px solid var(--color-light);
border-radius: var(--radius-default);
padding: var(--padding-xs);
& > .icon {
flex: 0 0 25%;
font-size: var(--font-size-xxl);
color: var(--color-main-dark);
}
& .text {
text-align: left;
flex-grow: 1;
}
& .state {
--color: var(--color-darkest);
display: flex;
align-items: center;
gap: var(--padding-xxs);
margin-top: var(--padding-s);
color: var(--color);
}
}