moar styleguide

site/assets/scss/elements/_typography.scss

@@ -1,6 +1,8 @@
 html,
 body {
   @include font-default;
+  background-color: $light;
+  color: $black;
 }
 
 .h1,
@@ -57,11 +59,19 @@ p {
   line-height: 1.4;
 }
 
-// a {
-//   &:visited { }
-//   &:hover { }
-//   &:active { }
-// }
+a {
+  &,
+  &:visited {
+    text-decoration: underline;
+    color: $blue;
+  }
+
+  &:hover,
+  &:active {
+    text-decoration: underline;
+    color: $dark-blue;
+  }
+}
 
 .small {
   @include font-roboto;
@@ -75,7 +85,11 @@ code {
   @include font-mono;
   display: block;
   margin: $gutter;
+  background-color: $dark-grey;
+  padding: 0 0 $gutter;
+  width: auto;
   line-height: 1.35;
   white-space: pre;
+  color: $light;
   font-size: 18px;
 }