cbillowes/curious-programmer-oxygen

View on GitHub
src/components/ReadNext/ReadNextCompact.css

Summary

Maintainability
Test Coverage
.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;
    }
}