Sha256: 9a51fecb151c59d512729c8751298cdd89939c8ce8e4d67902a73d536d5e10b9

Contents?: true

Size: 823 Bytes

Versions: 26

Compression:

Stored size: 823 Bytes

Contents

/* Portfolio */
.portfolio {
  padding: 0 2px;
  list-style: none;
  li.cube {
    position: relative;
    color: $color-gray-smoke;
    -webkit-perspective: 1000px;
    perspective: 1000px;   
    .card-wrap {
      text-align: center;
      margin: 0;
      @include transition(transform, .33s);
      @include transform-style(preserve-3d);
    }
    img {
      width: 100%;
    }
    .flip {
      background: rgba(0,0,0,0.9);
    	height: 100%;
    	width: 100%;
    }
    .flop {
      @extend .flip;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0.8rem;
      @include box-sizing(border-box);
      @include transform(rotateY(180deg));
      h2 {
        color: $color-gray-milk;
      }
    }
    &:hover {
      .card-wrap {
        @include transform(rotateY(-180deg));
      }
    }
  }
}

Version data entries

26 entries across 26 versions & 1 rubygems

Version Path
krad-3.3.2 _sass/layouts/_portfolio.scss
krad-3.3.1 _sass/layouts/_portfolio.scss
krad-3.3.0 _sass/layouts/_portfolio.scss
krad-3.2.9 _sass/layouts/_portfolio.scss
krad-3.2.8 _sass/layouts/_portfolio.scss
krad-3.2.7 _sass/layouts/_portfolio.scss