// -----------------------------------------------------------------------------
// 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


.stack__intro__content
  @extend %relative
  overflow: hidden

  .js &
    height: $stack-intro-text-line-height * $stack-intro-lines-to-show

  .stack__intro--closed &
    height: $stack-intro-text-line-height * $stack-intro-lines-to-show
    margin-bottom: 10px

    &:after
      @extend %empty-abs-generated-content
      +background-gradient($startColor: rgba(255,255,255,0), $endColor: rgba(255,255,255,1.0))
      bottom: 0
      height: 20px
      left: 0
      pointer-events: none
      right: 0


// 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


.stack__intro__content
  @extend %relative
  overflow: hidden

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

// 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

Set default height of stack intro text to 0 and remove redundant styles
Set default height of stack intro text to 0 and remove redundant styles
