### <a name="flex-shrink"></a> &#8226; flex-shrink
**Summary:**

The CSS flex-shrink property specifies the flex shrink factor of a flex item.

Resources: **[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)**, **[CSS-Tricks](http://css-tricks.com/almanac/properties/f/flex-shrink/)**

**Syntax:**

Default value: 1

    .flex-shrink(<number>) 
  
**Example:**

    div {
     .flex-shrink(2);
    }
    
    // Result
    div {
     -webkit-flex-shrink: 2;
     flex-shrink: 2;
    }