/**
 * Layout
 */

.layout {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;

    &,
    .layout,
    .layout-aside,
    .layout-header,
    .layout-content,
    .layout-footer {
        box-sizing: border-box;
    }

    &.-vertical {
        flex-direction: row;
        height: 100%;

        > .layout,
        > .container {
            overflow-x: hidden;
        }
    }

    > .container {
        flex: auto;
    }
}