@mixin suiTabsModifiers($suffix: '') {
  &.as--auto#{ $suffix } {
    overflow-x: auto;
    overflow-y: hidden;
    height: auto;

    & > * {
      flex-grow: 0;
      max-width: none;
      flex-basis: auto;
      position: relative;
    }
  }

  &.as--fill#{ $suffix } {
    overflow-x: auto;
    overflow-y: hidden;
    height: auto;

    & > *,
    & div > * {
      flex-grow: 1;
      max-width: none;
      flex-basis: auto;
      position: relative;
    }
  }

  &.as--overflow#{ $suffix } {
    position: relative;
    height: rem(42);
    overflow-x: auto;
    overflow-y: hidden;

    & > * {
      position: absolute;
    }
  }
}
