914871607d
Feat(LOY-315): Membership Overview Card * fix(LOY-315): new divider variants * feat(LOY-315): Add MembershipOverviewCard * refactor(LOY-315): abstract sasbooststatus * fix(LOY-315): correct space vars * fix(LOY-315): date formatting fixes Approved-by: Erik Tiekstra
31 lines
515 B
CSS
31 lines
515 B
CSS
.divider {
|
|
margin-top: var(--Space-x2);
|
|
}
|
|
|
|
.teamMemberCardButton {
|
|
border-radius: var(--Corner-radius-md);
|
|
color: var(--Text-Brand-OnPrimary-3-Accent);
|
|
|
|
&:focus,
|
|
&:not(:disabled):hover {
|
|
color: var(--Text-Brand-OnPrimary-3-Accent);
|
|
}
|
|
}
|
|
|
|
.membershipCardsContainer {
|
|
display: grid;
|
|
gap: var(--Space-x2);
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.divider {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) {
|
|
.membershipCardsContainer {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
}
|