@import "compass/layout/stretching"
@import "compass/utilities"
@import "compass/css3"

.stretch-container
  border: 1px solid #999
  width: 200px
  height: 200px
  position: relative
  +inline-block
.stretched
  $stretch-color: #4C6B99
  border: 3px solid $stretch-color
  +border-radius(8px)
  display: block
  background-color: darken($stretch-color, 30%)
  color: white
  text-align: center
  vertical-align: middle
  padding: 0.5em
#stretch-full
  @extend .stretched
  +stretch
#stretch-offset
  @extend .stretched
  +stretch(1em, 1em, 1em, 1em)
#stretch-x
  @extend .stretched
  +stretch-x
#stretch-y
  @extend .stretched
  +stretch-y
