@import "tools.functions";
@import "components.menu-panel";
@import "components.site-header";

@mixin c-site-header--article--micro {
  .c-site-header--article {
    .c-site-header__button-group--secondary {
      .c-button {
        margin-right: rem(10);
        &:first-child {
          margin-left: rem(10);
        }
        &:last-child {
          margin-right: 0;
        }
      }
    }
  }
}

@mixin c-site-header--article--sm {
  @include c-menu-panel--sm;
  .c-site-header--article {
    .c-site-header__text {
      display: block;
    }
  }
}

@mixin c-site-header--article--md {
  @include c-menu-panel--md;
}
