1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-22 21:14:18 +00:00
pds-2021-g2-nest/nest_frontend/components/base/summary/SummaryLeft.module.css

47 lines
803 B
CSS

.SummaryLeft {
width: 260px;
flex-shrink: 0;
display: grid;
grid-template-areas:
"a b"
"a c"
"a d"
"a e";
grid-template-columns: auto 1fr;
grid-template-rows: 5px 1fr 1fr 5px;
justify-content: stretch;
align-items: stretch;
background-color: var(--bg-accent);
border-radius: 30px 0 0 30px;
}
.IconContainer {
margin: 5px 15px 5px 5px;
width: 50px;
height: 50px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--bg-light);
color: var(--fg-primary);
font-size: x-large;
grid-area: a;
}
.Title {
grid-area: c;
align-self: flex-end;
}
.Subtitle {
grid-area: d;
font-size: small;
align-self: flex-start;
}