2 background-color: var(--wcfContentBackground);
3 box-shadow: var(--wcfBoxShadowCard);
4 border: 1px solid var(--wcfContentBorderInner);
5 border-radius: var(--wcfBorderRadius);
11 /* @deprecated 5.4 Use `<img class="embeddedContentImageElement">` instead */
12 .embeddedContentImage {
13 background-position: center;
14 background-repeat: no-repeat;
15 background-size: cover;
16 margin: -10px -10px 10px -10px;
20 .embeddedContentImageElement {
21 margin: -10px -10px 10px -10px;
23 object-position: center;
26 /* This repetition is required because of `.messageBody > .messageText img`. */
27 .embeddedContentImageElement.embeddedContentImageElement.embeddedContentImageElement {
28 height: 150px !important;
30 // The `100% + 20px` are the result of the negative margins.
31 max-width: calc(100% + 20px);
32 width: calc(100% + 20px);
35 .embeddedContentLink {
41 .embeddedContentTitleLink {
57 @media (pointer: fine) {
58 .embeddedContent:hover .embeddedContentTitleLink {
59 text-decoration: underline;
63 /* @deprecated 6.0 Use `.embeddedContentTitleLink` instead */
64 .embeddedContentLinkShadow {
69 .embeddedContentCategory {
70 color: var(--wcfContentDimmedText);
72 @include wcfFontSmall;
75 .embeddedContent .embeddedContentTitle,
76 .messageBody > .messageText .embeddedContentTitle,
77 #messagePreview > .htmlContent .embeddedContentTitle {
78 color: var(--wcfContentHeadlineText);
82 -webkit-line-clamp: 2;
83 -webkit-box-orient: vertical;
85 @include wcfFontHeadline;
89 .embeddedContentDetails {
92 @include wcfFontSmall;
95 .embeddedContentDescription {
96 color: var(--wcfContentDimmedText);
98 max-height: calc(5em * #{var(--wcfFontLineHeight)});
103 background-image: linear-gradient(
105 var(--wcfContentBackground),
106 rgba(var(--wcfContentBackground-rgb) / 0)
110 height: calc(1em * #{var(--wcfFontLineHeight)});
113 top: calc(4em * #{var(--wcfFontLineHeight)});
117 .embeddedContentMeta {
119 border-top: 1px solid var(--wcfContentBorderInner);
120 color: var(--wcfContentDimmedText);
124 @include wcfFontSmall;
127 .embeddedContentMetaImage {
132 .embeddedContentMetaContent {
136 .embeddedContentMetaAuthor {
137 color: var(--wcfContentText);
143 text-decoration: underline;