@import "../2-Tools/transitions";

$tabsTransition: $transition-mid-in-out;
.tabs-control {
  width: 100%;
  display: flex;

  &.horizontal {
    flex-direction: column;
  }

  .tab {
    flex: 1;
    cursor: pointer;
    transition: $tabsTransition;

    &.active {
    }
  }
}

.tabs {
  width: 100%;
  height: 100%;
  background-color: inherit;
  position: relative;
  overflow: hidden;

  .tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: inherit;
    transition: $tabsTransition;
  }
}