// RAMEN TAB CONTENT COMPONENT
//
// N/A
//
//
// Required Component Variables:
//
// $tab-content-background: Background colour of the tab content area
// $tab-padding: padding around the tab content area
//
//

@mixin tab-content {
  background: $tab-content-background;
  padding: $tab-content-padding;
}

@mixin tab-content-inner {
  .js & {
    display: none;
  }

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

.c-tab-content {
  @include tab-content;

  &__inner {
    @include tab-content-inner;
  }
}