// ============================================================================
// :: Tabs target
// ============================================================================
/**
 * Component that works together with the bp-tabs component. It indicates
 * wether a container is a target for a tab and it has always an id attribute
 * linked to the tab in order to show or hide it.
 */

// ============================================================================
// :: Root
// ============================================================================
.bp-tabs-target {
  display: none;
}

// ============================================================================
// :: States
// ============================================================================
.bp-tabs-target {

  &.is-active {
    display: block;
  }
}