facebox.sass with compass-mixins

facebox.sass with compass-mixins

#facebox
  position: absolute
  top: 0
  left: 0
  z-index: 100
  text-align: left

#facebox .popup
  position:relative
  border: 3px solid rgba(0,0,0,0)
  +border-radius
  +box-shadow(rgba(0,0,0,0.4),0,0,18px)

#facebox .content 
  display:table
  width: 370px
  padding: 10px
  background: #fff
  +border-radius(4px)

#facebox .content > p:first-child
  margin-top: 0

#facebox .content > p:last-child
  margin-bottom: 0

#facebox .close
  position: absolute
  top: 5px
  right: 5px
  padding: 2px
  background: #fff

#facebox .close img
  opacity: 0.3

#facebox .close:hover img
  opacity: 1.0

#facebox .loading 
  text-align: center

#facebox .image 
  text-align: center

#facebox img 
  border: 0
  margin: 0

#facebox_overlay 
  position: fixed
  top: 0px
  left: 0px
  height: 100%
  width: 100%

.facebox_hide 
  z-index: -100

.facebox_overlayBG 
  background-color: #000
  z-index: 99