atst/styles/elements/_card.scss
2019-06-05 15:37:40 -04:00

35 lines
493 B
SCSS

.card {
width: 100%;
box-shadow: $box-shadow-big;
padding: ($gap * 2) ($gap * 2.5) ($gap * 4) ($gap * 3);
margin-bottom: 20px;
.card__status {
display: flex;
align-items: baseline;
justify-content: space-around;
.card__status-spacer {
flex-grow: 10;
}
}
.card__header h3 {
margin-top: 0;
}
.card__body {
font-size: $small-font-size;
}
}
.card {
.label {
margin-left: 0;
}
.datetime {
font-size: $small-font-size;
}
}