Valclass

flex

Utilities for controlling how flex items both grow and shrink.

Class	Properties
v-flex--1	flex: -1;
v-flex--2	flex: -2;
v-flex--3	flex: -3;
v-flex--4	flex: -4;
v-flex-1	flex: 1;
v-flex-2	flex: 2;
v-flex-3	flex: 3;
v-flex-4	flex: 4;
v-flex-auto	flex: auto;
v-flex-content	flex: content;
v-flex-none	flex: none;

flex-1-1-1

flex-1

							

						<--add a display and flex class to body tag-->
						+ <body class="display flex">


						<div>
							<div class="v-d-flex v-flex-1">
							     flex-1
							</div>
							<div class="v-d-flex v-flex-1">
							     flex-1
							</div>
							<div class="v-d-flex v-flex-1">
							     flex-1
							</div>
						</div>

flex-1-1-1 version

flex-1-2-1

flex-1

flex-2

flex-1

							

						<--add a display and flex class to body tag-->
						+ <body class="display flex">


						<div>
							<div class="v-d-flex v-flex-1">
							     flex-1
							</div>
							<div class="v-d-flex v-flex-2">
							     flex-2
							</div>
							<div class="v-d-flex v-flex-1">
							     flex-1
							</div>
						</div>

flex-1-2-1 version

flex

Utilities for controlling how flex items both grow and shrink.

List of properties and components

flex-1-1-1

flex-1

flex-1

flex-1

flex-1-2-1

flex-1

flex-2

flex-1