Sha256: 835d8e2821ec3907a3ae27542d1c1066c223922e31c216fe6065f94fb1ce18eb

Contents?: true

Size: 598 Bytes

Versions: 6

Compression:

Stored size: 598 Bytes

Contents

@import "base-mixins/_all.scss";
@import "base-variables/_all.scss";

.flip-container {
  perspective: 1000px;
  height: 100%;
}

.flip {
  @include rotateY(180deg);
  @include transition(0.6s);
  transform-style: preserve-3d;

  position: relative;
}

.flap {
  @include rotateY(0deg);
  @include transition(0.6s);
  transform-style: preserve-3d;

  position: relative;
  height: 100%;
}

.front, .back {
  @include backface-visibility(hidden);
  height: 100%;
}

.front {
  z-index: 2;
  @include rotateY(0deg);
}

.back {
  @include rotateY(180deg);
  position: absolute;
  top: 0;
  left: 0;
}

Version data entries

6 entries across 6 versions & 2 rubygems

Version Path
playbook_ui-2.7.2 components/Flip/styles.scss
playbook_ui-2.7.1 components/Flip/styles.scss
playbook_ui-2.7.0 components/Flip/styles.scss
playbook_ui-2.6.0 components/Flip/styles.scss
playbook_ui-2.5.0 components/Flip/styles.scss
nitro_sg-3.0.2 components/Flip/styles.scss