Fix double focus outline on linter rule search

Author: parlough

src/_sass/components/_code.scss

@@ -9,7 +9,7 @@
   line-height: 1.25em;
   padding: 0.1rem 0.25rem;
   background-color: $site-color-light-grey;
-  background-color: color-mix(in srgb, $site-color-light-grey 40%, transparent);
+  background-color: color-mix(in srgb, $site-color-light-grey 35%, transparent);
   border: 1px solid rgb(195, 201, 214);
   border-radius: 0.25rem;
   word-wrap: break-word;

src/_sass/components/_linter-rules.scss

@@ -242,6 +242,10 @@ body.linter-rules {
         &::-webkit-search-cancel-button {
           display: none;
         }
+
+        &:focus {
+          outline: none;
+        }
       }
     }
   }