flex css shorthand

1flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
2
3.flex-item {
4
5  /* this */
6  flex: 1 100px;
7
8  /* is the same as */
9  flex-grow: 1;
10  flex-basis: 100px;
11
12  /* and it leaves the flex-shrink property alone, which would be */
13  flex-shrink: inherit; /* defaults to 1 */
14
15}