Skip to content

Instantly share code, notes, and snippets.

@pluma pluma/devrant.css
Last active Nov 15, 2017

Embed
What would you like to do?
Want DevRant in full-width on the desktop? Use this stylesheet to override the CSS.
@media (min-width: 880px) {
.interior-centered {
margin: 0;
width: auto;
}
.interior-content {
width: auto;
}
.body-col1 {
display: none;
}
.body-col2 {
width: auto;
float: none;
margin-top: 0;
}
.rantlist-bg {
width: auto;
}
.rantlist-content-col {
width: calc(100% - 55px);
}
.rantlist-title-text,
.rantlist-content,
.collab-summary {
width: auto;
}
.rant-image {
max-height: initial;
}
.rant-image img {
width: auto;
max-width: 100%;
}
.reply-row .rantlist-content-col {
width: calc(100% - 83px);
}
.reply-row .rantlist-title {
width: auto;
}
.share-icons {
margin-right: 10px;
}
.addrant-btn {
margin-left: -35px;
}
.addcomment-btn {
margin-left: -210px;
}
.rant-top-bar,
.rantlist-bg {
border-radius: 0;
}
.rant-top-bar {
position: sticky;
z-index: 5;
top: 0;
}
.filter-top-bar {
position: sticky;
z-index: 5;
top: 44px;
}
.body-col2,
.interior-content,
.container {
overflow: initial;
}
.body-col2,
.interior-content,
.interior-centered {
position: initial;
}
.feed-more,
.feed-prev {
width: 33%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.