@mixin contentbar---alter() {
}

@mixin contentbar() {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: -#{$contentbar-item-space-y} -#{$contentbar-item-space-x / 2} $contentbar-margin-bottom;
  padding: 0;
  @include contentbar---alter();
}

@mixin contentbar__item---alter() {
}

@mixin contentbar__item() {
  padding: 0 ($contentbar-item-space-x / 2);
  margin: $contentbar-item-space-y 0 0;
  & > * {
    margin-bottom: 0;
  }
  @include media-breakpoint-down($contentbar-breakpoint) {
    flex-grow: 1;
    max-width: 100%;
    & > * {
      width: 100%;
    }
  }
  @include contentbar__item---alter();
}