Skip to content

Instantly share code, notes, and snippets.

@DouglasdeMoura
Created August 26, 2015 05:40
Show Gist options
  • Save DouglasdeMoura/5499f98ff9256b57cd5f to your computer and use it in GitHub Desktop.
Save DouglasdeMoura/5499f98ff9256b57cd5f to your computer and use it in GitHub Desktop.
.site-content {
background: $color__background-site-content;
padding: $padding__site-content;
}
.site-content,
.featured-content {
max-width: $size__site-content;
margin: auto;
}
.content-area,
.featured-area {
float: left;
margin: 0 (-$size__site-sidebar) 0 0;
width: $size__site-main;
}
.site-main,
.slides-container {
margin: 0 $size__site-sidebar 0 0;
}
.site-content .widget-area,
.featured-sidebar {
float: right;
overflow: hidden;
width: $size__site-sidebar;
}
.featured-sidebar {
padding-left: $padding__site-content;
}
.site-footer {
clear: both;
max-width: $size__site-content;
margin: auto;
padding: 5px $padding__site-content;
font-size: 0.8em;
}
@media only screen and (max-width : 779px) {
.content-area,
.site-main,
.slides-container,
.featured-sidebar {
margin: 0;
width: 100%;
}
.featured-content,
.featured-sidebar {
padding: 0;
}
.site-content .widget-area {
display: none;
}
.comment-navigation,
.posts-navigation,
.post-navigation {
margin-right: -$padding__site-content;
}
}
.site-footer .social-links {
margin: 0;
padding: 0;
text-align: right;
float: right;
li {
display: inline;
}
}
.featured-sidebar {
text-align: center;
}
.featured-sidebar .has-post-thumbnail .entry-header {
background: $color__red;
margin-top: 0;
}
.featured-sidebar h2 {
font-size: 1.3em;
}
.featured-sidebar .entry-title a {
color: #fff;
display: block;
}
.featured-sidebar .entry-title a:hover {
color: $color__purple;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment