Appearance effect

gistfile1.txt

    &.filter
      position: absolute
      top: -300px
      left: 0
      right: 0
      height: 100%
      z-index: 2
      opacity: 0
      pointer-events: none
      padding:
        bottom: 100%
      -webkit-transform: scale(1.5)
      +transition-property(all)
      +transition-duration(0.6s)
      +transition-timing-function(easy-in)

      &.visible
        opacity: 1
        pointer-events: all
        -webkit-transform: translate3d(0, 300px, 0)  scale(1)