Campus Page Gallery CSS

_campus.sass

.gallery-section
  position: relative
  z-index: 20
  height: 50%
  padding-top: 62.5%
  .gallery-img
    width: 100%
    top: 0
    position: absolute
    +transition(.5s)
    &.current-img
      z-index: 40
    &.next-img
      z-index: 10
      +transform(translate(100%,0))
    &.prev-img
      z-index: 10
      +transform(translate(-100%,0))
  .gallery-arrows
    width: 100%
  .gallery-arrow
    z-index: 100
    position: absolute
    top: 0
    bottom: 0
    +transition(.3s)
    width: 15%
    +hide-text
    &.arrow-prev
      background: image-url("campus/gallery-arrow-left.png") no-repeat center
      left: 0
    &.arrow-next
      background: image-url("campus/gallery-arrow-right.png") no-repeat center
      right: 0
    &:hover
      background-color: rgba(black,.25)