List docs init

docs/_sass/specific.sass

@@ -73,7 +73,7 @@
 
 .bd-link-figure
   position: absolute
-  right: calc(100% + 0.5em)
+  right: calc(100% + 0.75em)
   text-align: center
   top: 0
   min-width: 1.5em

docs/documentation/components/list.html

@@ -0,0 +1,61 @@
+---
+title: List
+layout: documentation
+doc-tab: components
+doc-subtab: list
+breadcrumb:
+- home
+- documentation
+- components
+- components-list
+meta:
+  colors: false
+  sizes: false
+  variables: true
+---
+
+{% capture list_example %}
+<div class="list is-hoverable">
+  <a class="list-item">
+    Featured
+  </a>
+  <a class="list-item">
+    All Posts
+  </a>
+  <a class="list-item is-active">
+    Announcements
+  </a>
+  <a class="list-item">
+    Business
+  </a>
+  <a class="list-item">
+    Community
+  </a>
+  <a class="list-item">
+    Data
+  </a>
+  <a class="list-item">
+    Editor Tools
+  </a>
+  <a class="list-item">
+    Education
+  </a>
+  <a class="list-item">
+    Engineering
+  </a>
+  <a class="list-item">
+    Events
+  </a>
+  <a class="list-item">
+    Policy
+  </a>
+</div>
+{% endcapture %}
+
+<div class="content">
+  <p>
+    The list component consists of several elements:
+  </p>
+</div>
+
+{% include elements/snippet.html content=list_example more=true %}