float: right;
margin-left: .7em;
}
+.mkws-stat {
+ font-family: "Open Sans Light", sans-serif;
+ text-align: right;
+ font-size: .9em;
+}
+
/* Result containers */
.mkws-summary {
.mkws-summary:last-child {
border: none;
}
-.result-data {
+.mkws-field-data {
min-height: 120px;
display: flex;
flex-direction: column;
}
/* Result fields */
-.result-data > * {
+.mkws-field-data > * {
flex 1;
}
-.result-date {
+.mkws-field-date {
order: 1;
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
}
-.result-title {
+.mkws-field-title {
order: 2;
font-family: "Open Sans Light", sans-serif;
font-size: 24px;
letter-spacing: -0.02em;
margin-bottom: 4px;
}
-.result-title-remainder {
+.mkws-field-title-remainder {
order: 3;
font-family: "Open Sans Light", sans-serif;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
}
-.result-description {
+.mkws-field-description {
order: 4;
font-family: "Open Sans Light", sans-serif;
font-size: 18px;
max-height: 44px;
overflow: hidden;
}
-.result-author {
+.mkws-field-author {
order: 5;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
-.result-thumb {
+.mkws-field-thumb {
float: left;
margin-right: 25px;
}
-.result-thumb > img {
+.mkws-field-thumb > img {
width: 140px;
height: 120px;
object-fit: contain;
min-height: 60px;
padding: 20px 10px;
}
- .result-data {
+ .mkws-field-data {
min-height: 60px;
}
- .result-date {
+ .mkws-field-date {
font-size: 12px;
}
- .result-title {
+ .mkws-field-title {
font-size: 18px;
}
- .result-description {
+ .mkws-field-description {
font-size: 14px;
max-height: 34px;
}
- .result-author {
+ .mkws-field-author {
font-size: 11px;
}
- .result-thumb {
+ .mkws-field-thumb {
order: -1;
margin-right: 10px;
}
- .result-thumb > img {
+ .mkws-field-thumb > img {
width: 70px;
height: 60px;
object-fit: contain;