add very relaxed example

Author: kyleturco

docs/app/Examples/elements/List/Variations/ListVariationsExamples.js

@@ -36,6 +36,10 @@ export default class ListVariationsExamples extends Component {
           description='A list can relax its padding to provide more negative space'
           examplePath='elements/List/Variations/ListRelaxedExample'
         />
+        <ComponentExample
+          title='Very Relaxed'
+          examplePath='elements/List/Variations/ListVeryRelaxedExample'
+        />
         <ComponentExample
           title='Divided'
           description='A list can show divisions between content'

docs/app/Examples/elements/List/Variations/ListVeryRelaxedExample.js

@@ -0,0 +1,19 @@
+import React, {Component} from 'react';
+import {List, ListItem, Image} from 'stardust';
+import faker from 'faker';
+
+export default class ListVeryRelaxedExample extends Component {
+  render() {
+    const avatar1 = <Image className='avatar' src={faker.internet.avatar()} />;
+    const avatar2 = <Image className='avatar' src={faker.internet.avatar()} />;
+    const avatar3 = <Image className='avatar' src={faker.internet.avatar()} />;
+
+    return (
+      <List className='very relaxed'>
+        <ListItem image={avatar1} header='Helen' />
+        <ListItem image={avatar2} header='Christian' />
+        <ListItem image={avatar3} header='Daniel' />
+      </List>
+    );
+  }
+}