/* ==========================================================================
   Text blocks
   ========================================================================== */

.text-block
  padding: column(1)
  font-size: $baseFontSize /* 2 */

  // Todo clean this up:

  // Based on a 12 grid
  .col-12 &
    padding: column(1,12)

  +respond-to-width($lgGridBreakpoint)
    padding: column(1) column(.5)

    .col-12 &
      padding: column(1,12) column(.5,12)

  // Bases on a 6 grid
  .col-6 &
    padding: column(1,6)

    +respond-to-width($lgGridBreakpoint)
      padding: column(1,6) column(.5,6)

  // Line-height correction at the top for alignment
  p
   +transform(translateY(-9px))

  // Top indent for paragraphs without h2 next to a paragraph with h2
  &.top-indent
    .h2-spacer
      display: block
      margin: -15px 0 40px 0 /* 1 */
      font-size: 1.5rem


  /**
   * Buttons in a text block are usually at the bottom,
   * so they can use a little margin top
   */
  .button
    margin-top: 40px

    +respond-to-width($smGridBreakpoint)
      margin-top: 16px
    +respond-to-width($xsGridBreakpoint)
      margin-top: 0

  // Mobiel view
  +respond-to-width($xsGridBreakpoint)
    line-height: 1.4