@import "css3_deprecated"
@import "media-queries"
@import "flex"
@import "sprite"
@import "translate3d"
@import "keyframes"


=hexagon($width: 100px, $height: 100px, $pointiness: 25, $color: red)
  position: absolute
  display: block
  max-width: $width
  height: $height
  background-color: $color

  &:before
    content: ""
    position: absolute
    top: -($height/100)*$pointiness
    left: 0
    width: 0
    height: 0
    border-left: ($width/100)*50 solid transparent
    border-right: ($width/100)*50 solid transparent
    border-bottom: ($height/100)*$pointiness solid $color

  &:after
    content: ""
    position: absolute
    bottom: -($height/100)*$pointiness
    left: 0
    width: 0
    height: 0
    border-left: ($width/100)*50 solid transparent
    border-right: ($width/100)*50 solid transparent
    border-top: ($height/100)*$pointiness solid $color