.contentItem {
background-color: $wcfContentBackground;
border-radius: 3px;
- box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
display: flex;
flex-direction: column;
margin: 0 0 20px 20px;
max-height: 150px;
overflow: hidden;
position: relative;
-
+
&::after {
background-image: linear-gradient(to top, $wcfContentBackground, transparent);
bottom: 0;
.contentItemBadge,
.contentItemOption {
flex: 0 auto;
-
+
&:not(:first-child) {
margin-top: 5px;
}
.contentItemCategory {
color: $wcfContentDimmedText;
text-transform: uppercase;
-
+
@include wcfFontSmall;
}
.contentItemTitle {
color: $wcfContentHeadlineLink;
-
+
@include wcfFontHeadline;
@include wcfFontBold;
-
+
&:hover {
color: $wcfContentHeadlineLinkActive;
}
.contentItemDescription {
color: $wcfContentText;
margin-top: 10px;
-
+
img {
height: auto !important;
max-width: 100%;
display: flex;
flex: 0 auto;
padding: 10px;
-
+
.icon {
color: inherit;
}
.contentItemMetaAuthor {
color: $wcfContentText;
-
+
a,
a:hover {
color: inherit;
.contentItemMetaIcon {
flex: 0 auto;
-
+
&:not(:first-child) {
margin-left: 10px;
}
.contentItemImagePreview {
border-radius: 3px;
- box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
margin-bottom: 10px;
max-width: 100%;
}
display: flex;
flex-wrap: wrap;
margin-left: -10px;
-
+
> .button {
flex: 0 auto;
margin-left: 10px;
}
-
+
> .innerError {
flex: 0 0 100%;
margin-left: 10px;
.contentItemList {
display: block;
}
-
+
.contentItemMultiColumn {
max-width: none;
}