assets/css/layouts/_section.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

@include namespace('section') {
    @include layout(namespace()) {
        display:         flex;
        flex-direction:  column;
        align-items:     stretch;
        justify-content: flex-start;
        min-height:      100%;
        margin-bottom:   calc(-1 * #{prop(--dims --outer, $global: true)});
        padding-bottom:  prop(--dims --outer, $global: true);

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