// Effectively removes any margin that would conflict with a block's padding.
// Inspired by Art Lawry's comment on
// http://css-tricks.com/spacing-the-bottom-of-modules/#comment-504672
@mixin consume-margins {
  &::before,
  &::after {
    content: '';
    display: block;
  }

  &::before {
    margin-top: -10rem;
    margin-bottom: 10rem;
  }

  &::after {
    margin-top: 10rem;
    margin-bottom: -10rem;
  }
}