You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

30 lines
541 B
CSS

2 years ago
/* https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Media_objects */
.mbox {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 1rem;
2 years ago
}
.mbox .mbox-img {
flex-basis: 64px;
2 years ago
height: 64px;
margin-right: 1rem;
width: 64px;
2 years ago
}
.mbox .mbox-header {
flex-basis: calc(100% - 64px - 1rem);
flex-grow: 0;
flex-shrink: 1;
margin-top: 0;
2 years ago
}
.mbox .mbox-body {
color: var(--fgcolor-accent);
flex-basis: calc(100% - 64px - 1rem);
flex-grow: 0;
flex-shrink: 1;
2 years ago
}