// -----------------------------------------------------------------------------
// Stack Intro Card
// -----------------------------------------------------------------------------

$stack-intro-text-line-height: 25px
$stack-intro-lines-to-show: 2

.stack__intro
  @extend %four-pixel-rounded
  padding: 25px
  position: relative

  .copy--title
    margin: 0

.stack__intro__content
  position: relative
  overflow: hidden

  .js-read-more &
    max-height: 0

  .no-js &
    max-height: none

// Temporary type styling until crazy harry is updated and rowlf run (20/5/2013)
.stack__intro__content
  p:first-of-type
    @extend .copy--feature
  h2
    @extend .copy--subtitle
  @extend .copy--body

// -----------------------------------------------------------------------------
// Stack Intro Card
// -----------------------------------------------------------------------------

$stack-intro-text-line-height: 25px
$stack-intro-lines-to-show: 2

.stack__intro
  @extend %four-pixel-rounded
  padding: 25px
  position: relative

  .copy--title
    margin: 0

.stack .results
  position: relative

.stack__intro__content
  position: relative
  overflow: hidden

  .js-read-more &
    max-height: 0

  .no-js &
    max-height: none

// Temporary type styling until crazy harry is updated and rowlf run (20/5/2013)
.stack__intro__content
  p:first-of-type
    @extend .copy--feature
  h2
    @extend .copy--subtitle
  @extend .copy--body

Make the results position relative again so the double mpu moves with the results when 'read more' is clicked.
Make the results position relative again so the double mpu moves with the results when 'read more' is clicked.
