|
|
|
@ -1,11 +1,17 @@
|
|
|
|
|
@import '../../_variables.scss';
|
|
|
|
|
|
|
|
|
|
.StatusBody {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
.emoji {
|
|
|
|
|
--_still_image-label-scale: 0.5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attachments {
|
|
|
|
|
margin-top: 0.5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
& .text,
|
|
|
|
|
& .summary {
|
|
|
|
|
font-family: var(--postFont, sans-serif);
|
|
|
|
@ -115,4 +121,54 @@
|
|
|
|
|
.cyantext {
|
|
|
|
|
color: var(--postCyantext, $fallback--cBlue);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.-compact {
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
|
|
|
|
--emoji-size: 16px;
|
|
|
|
|
|
|
|
|
|
& .body,
|
|
|
|
|
& .attachments {
|
|
|
|
|
max-height: 3.25em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.body {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: normal;
|
|
|
|
|
min-width: 5em;
|
|
|
|
|
flex: 5 1 auto;
|
|
|
|
|
mask-size: auto 3.5em, auto auto;
|
|
|
|
|
mask-position: 0 0, 0 0;
|
|
|
|
|
mask-repeat: repeat-x, repeat;
|
|
|
|
|
mask-image:
|
|
|
|
|
linear-gradient(to top, white 0.5em, transparent 2.5em),
|
|
|
|
|
linear-gradient(to top, white, white);
|
|
|
|
|
|
|
|
|
|
/* Autoprefixed seem to ignore this one, and also syntax is different */
|
|
|
|
|
-webkit-mask-composite: xor;
|
|
|
|
|
mask-composite: exclude;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attachments {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
flex: 1 1 auto;
|
|
|
|
|
min-width: 5em;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.summary-wrapper {
|
|
|
|
|
.summary::after {
|
|
|
|
|
content: ': ';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
line-height: inherit;
|
|
|
|
|
margin: 0;
|
|
|
|
|
border: none;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.text-wrapper {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|