Skip to content

Instantly share code, notes, and snippets.

@bearded-avenger
Created September 16, 2014 16:24
Show Gist options
  • Save bearded-avenger/e9d7ec26b0675bbc208a to your computer and use it in GitHub Desktop.
Save bearded-avenger/e9d7ec26b0675bbc208a to your computer and use it in GitHub Desktop.
Full Screen Components in Make
/*
- .aesop-on-THEMENAME is a class that aesop applies to themes
- this breaks the width that sets on main column
- .single targeting only single posts
*/
.aesop-on-make.single .container {
max-width:100%;
padding-left:0;
padding-right:0;
}
/*
- apply width to elements due to breaking container above
- apply width on everything except aesop components within entry content
*/
.single .entry-header,
.single .site-header-main .container,
.single .entry-footer,
.single .post-navigation,
.single #comments,
.single #site-footer .container,
.entry-content > *:not(.aesop-component) {
max-width:1024px;
margin-left:auto;
margin-right:auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment