É uma propriedade abreviada (shorthand) que reúne três outras propriedades do Flexbox: flex-grow, flex-shrink e flex-basis. Ela define, de forma compacta, como um item flexível deve crescer, encolher e qual será seu tamanho base dentro de um contêiner flexível.
Sintaxe:
flex: [flex-grow] - [flex-shrink] - [flex-basis];
Exemplo:
flex: 1 0 150px;
1 = o item pode crescer proporcionalmente ao espaço disponível;
0 = o item não pode encolher;
150px = o tamanho base inicial do item.
A= flex: 1 0 200px;
Flex-Grow= 1
Flex-Shrink= 0
Flex-Basis= 200px
B= flex: 1 1 150px;
Flex-Grow= 1
Flex-Shrink= 1
Flex-Basis= 150px
C= flex: 1 8 auto;
Flex-Grow= 1
Flex-Shrink= 8
Flex-Basis= auto