Skip to content

Instantly share code, notes, and snippets.

@kellymears
Created December 11, 2018 03:43
Show Gist options
  • Save kellymears/0a8484402afebccb7ab749f8a84d20f1 to your computer and use it in GitHub Desktop.
Save kellymears/0a8484402afebccb7ab749f8a84d20f1 to your computer and use it in GitHub Desktop.
/**
* Block styles
*/
main#app .entry-content {
margin: none;
padding: none;
* + *:not(
form,
label,
input,
span,
a,
.alignwide & > *,
.alignfull & > *) {
padding-bottom: ($spacer/3);
padding-top: ($spacer/3);
}
> *:not(.alignwide):not(.alignfull) {
@extend .container;
margin-top: $spacer;
margin-bottom: $spacer;
padding-left: 20px;
padding-right: 20px;
}
> .alignwide,
> .alignfull {
margin-top: $spacer;
margin-bottom: $spacer;
}
> .alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
@include media(tablet) {
max-width: 85%;
}
@include media(desktop) {
max-width: 90%;
}
}
> p + .alignfull,
> p + .alignwide {
margin-top: ($spacer*2);
}
> .alignfull:first-child {
margin-top: 0;
}
> .alignfull:last-child {
margin-bottom: 0;
}
/** ... */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment