Skip to content

Instantly share code, notes, and snippets.

@heruan
Created Jan 26, 2017
Embed
What would you like to do?
Simple theme to make Valo layouts flexible
@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;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment