Simple theme to make Valo layouts flexible

flexbox.scss

@import "../valo/valo";

.flexbox {
    @include valo;

    .v-layout, .v-slot {
        display: flex;
        flex-wrap: wrap;
    }

    .v-layout, .v-spacing {
        flex: 0 1 auto;
    }

    .v-verticallayout {
        flex-direction: column;
    }

    .v-horizontallayout {
        flex-direction: row;
    }

    .v-verticallayout > .v-slot {
        flex: 0 1 auto;
    }

    .v-horizontallayout > .v-slot {
        flex: 1 1 auto;
    }

    .v-slot > .v-widget {
        flex: 1 1 auto;
    }

    .v-component-group {
        display: flex;
        flex-wrap: nowrap;
    }

    .v-component-group > .v-widget {
        flex: 1 1 auto;
    }

    .v-button, .v-menubar {
        flex: 0 1 auto !important;
    }

    .v-combobox,
    .v-filterselect,
    .v-datefield,
    .v-textarea,
    .v-textfield,
    input {
        width: 100% !important;
    }

}