feat(typography): Add link lists

rocketbelt/base/_typography.scss

@@ -216,6 +216,20 @@ h4 {
   @include list-reset($horizontal: true);
 }
 
+.link-list:first-of-type {
+  padding-left: 0;
+}
+
+.link-list {
+  @include link-list();
+  display: inline-block;
+  padding: 0 1em;
+}
+
+.link-list:last-of-type {
+  padding-right: 0;
+}
+
 a {
   color: color(primary);
   transition: color 100ms linear;

rocketbelt/tools/mixins/_link-list.scss

@@ -0,0 +1,44 @@
+@mixin link-list() {
+  @include list-reset()
+
+  li {
+    text-transform: capitalize;
+    line-height: 1.75;
+
+    a {
+      color: color(gray);
+      cursor: pointer;
+      transition: color 100ms linear;
+
+      &:hover {
+        color: color(gray, plus1);
+        transition: color 100ms linear;
+      }
+
+      &:active {
+        color: color(gray, minus1);
+        transition: color 100ms linear;
+      }
+    }
+  }
+
+  .title {
+    text-transform: uppercase;
+
+    a {
+      color: color(black);
+      cursor: pointer;
+      transition: color 100ms linear;
+
+      &:hover {
+        color: color(gray, minus2);
+        transition: color 100ms linear;
+      }
+
+      &:active {
+        color: color(black);
+        transition: color 100ms linear;
+      }
+    }
+  }
+}

rocketbelt/tools/mixins/_mixins.scss

@@ -4,6 +4,7 @@
         'clearfix',
         'centered',
         'color-families',
+        'link-list',
         'list-reset',
         'overlay',
         'triangle',