// =============================================================================
// _COMPONENT-ANIMATIONS.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Fade
//   02. Collapse
// =============================================================================

// Fade
// =============================================================================

.fade {
  opacity: 0;
  @include transition(#{opacity 0.3s ease});

  &.in {
    opacity: 1;
  }
}



// Collapse
// =============================================================================

.collapse {
  display: none;

  &.in {
    display: block;
  }
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  @include transition(#{height 0.3s ease});
}