@include namespace('section') {
    @include layout(namespace()) {
        box-sizing:      border-box;
        min-height:      100%;
        margin-bottom:   calc(-1 * #{prop(--dims --outer, $global: true)});
        padding-bottom:  prop(--dims --outer, $global: true);

        @include modifier('no-head') {
            padding-top: prop(--dims --outer, $global: true);
        }

        @include element('head') {
            display:        flex;
            position:       sticky;
            z-index:        9000;
            top:            0;
            left:           0;
            flex-direction: row;
            justify-self:   flex-start;
        }
    }
}