justified gallery sass version

gistfile1.txt

.justified-gallery
  width: 100%
  position: relative
  overflow: hidden
  >
    a, div
      position: absolute
      display: inline-block
      overflow: hidden
      filter: "alpha(opacity=10)"
      opacity: .1
    a > img, div > img, a > a > img, div > a > img
      position: absolute
      top: 50%
      left: 50%
      margin: 0
      padding: 0
      border: 0
    a > .caption, div > .caption
      display: none
      position: absolute
      bottom: 0
      padding: 5px
      background-color: #000
      left: 0
      right: 0
      margin: 0
      color: #fff
      font-size: 12px
      font-weight: 300
      font-family: sans-serif
    a > .caption.caption-visible, div > .caption.caption-visible
      display: initial
      filter: "alpha(opacity=70)"
      opacity: .7
      -webkit-transition: opacity 500ms ease-in
      -moz-transition: opacity 500ms ease-in
      -o-transition: opacity 500ms ease-in
      transition: opacity 500ms ease-in
    .entry-visible
      filter: "alpha(opacity=100)"
      opacity: 1
      background: 0 0
      >
        img, a > img
          filter: "alpha(opacity=100)"
          opacity: 1
          -webkit-transition: opacity 500ms ease-in
          -moz-transition: opacity 500ms ease-in
          -o-transition: opacity 500ms ease-in
          transition: opacity 500ms ease-in
    .jg-filtered
      display: none
    .spinner
      position: absolute
      bottom: 0
      margin-left: -24px
      padding: 10px 0
      left: 50%
      filter: "alpha(opacity=100)"
      opacity: 1
      overflow: initial
      > span
        display: inline-block
        filter: "alpha(opacity=0)"
        opacity: 0
        width: 8px
        height: 8px
        margin: 0 4px
        background-color: #000
        border-radius: 6px