//
// Component animations
// --------------------------------------------------

.fade {
  opacity: 0;
  transition: opacity .15s linear;

  &.in {
    opacity: 1;
  }
}

.collapse    { display: none;  }
.collapse.in { display: block; }

.truncating,
.collapsing {
  overflow: hidden;
  transition: height 350ms ease;
}

.collapsing {
  // position: relative;
  height: 0;
}