assets/styles.scss in alembic-jekyll-theme-1.2.0 vs assets/styles.scss in alembic-jekyll-theme-1.2.1

@@ -201,10 +201,11 @@
 
 // Links, icons and images
 .link {
   display: inline-block;
   margin: .2rem;
+  line-height: 1;
   .icon {
     display: inline-block;
     transition: fill .1s;
     min-width: 24px;
     min-height: 24px;
@@ -303,13 +304,10 @@
   line-height: inherit;
   border: none;
   box-shadow: none;
   border-radius: 0;
   -webkit-appearance: none;
-  &:focus {
-    outline: solid .2rem invert($color__site--accent);
-  }
   .icon {
     margin: 0 0 .35rem;
   }
 }
 
@@ -330,10 +328,25 @@
   &:focus {
     box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.4);
   }
 }
 
+a,
+button,
+.button,
+input,
+textarea {
+  &:focus,
+  &:hover:focus {
+    outline: solid .12rem invert($color__site--accent);
+  }
+}
+
+a:hover:focus {
+  outline: none;
+}
+
 input[type="text"],
 input[type="email"],
 textarea {
   width: 100%;
   border: 1px solid $color__site--captions;
@@ -348,10 +361,18 @@
 
 label {
   @include baseline($fontsize: zeta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: all);
 }
 
+code {
+  padding: .12rem .2rem;
+}
+
+pre code {
+  padding: 0;
+}
+
 .required {
   color: red;
 }
 
 ::-webkit-input-placeholder {
@@ -370,10 +391,9 @@
 ::selection {
   background: $color__site--heading;
   color: $color__site--background;
   text-shadow: none;
 }
-
 
 // Sassline overrides
 .typeset {
   .button,
   button {