@import index
@import show

/*==========================================================================
  Global for post index and show
  ========================================================================== */

// Normally we would use a percentage as a width,
// but the width needs to stay fixed until it doesn't fit
.posts-container
  width: 1200px
  margin: 0 auto
  white-space: normal
  font-size: $baseFontSize

  +respond-to-width(1300)
    // Change back to percentage
    width: column(12)

  +respond-to-width($xsGridBreakpoint)
    padding-top: 60px

    .posts-container,
    .posts-container.related-posts
      width: 100%
      padding: 0 20px