src/components/ReadNext/ReadNextCompact.css
.read-next-compact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-self: baseline;
margin-bottom: 2em;
}
.read-next-compact a:nth-child(1) {
order: 1;
flex-basis: 50%;
padding-right: 1em;
display: inline;
}
.read-next-compact a:nth-child(2) {
order: 2;
flex-basis: 50%;
text-align: right;
padding-left: 1em;
}
.read-next-compact h2 {
font-size: 0.75em;
font-style: normal;
line-height: 1.5em;
}
.read-next-compact a:hover,
a.read-next-compact:hover {
text-decoration: none;
}
.read-next-compact .post-meta,
.read-next-compact .post p {
display: none;
}
@media only screen and (max-width: 800px) {
.read-next-compact {
display: none;
}
}