@mixin base() {
    background-color: $component-content-inverse-background;
    color: $component-content-inverse-text;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-header {
    @include base;

    // import nested elements
    @import "branding";
    @import "navigation";
    @import "contextual-content";
}