/// Vertical grid.
///
/// A flexible vertical grid system based on flexbox.
///
/// @group grid
///
/// @example scss
///
/// @include k-VerticalGrid;
///
/// @example html
///
///
///
/// …
/// …
/// …
///
///
@mixin k-VerticalGrid {
.k-VerticalGrid {
height: 100%;
}
.k-VerticalGrid__page {
display: flex;
flex-direction: column;
height: 100%;
}
.k-VerticalGrid__fluid {
flex-basis: 100%;
}
.k-VerticalGrid__fullHeight {
height: 100vh;
}
.k-VerticalGrid__container {
display: flex;
height: 100%;
}
.k-VerticalGrid__element {
flex-grow: 1;
}
}