Feature: Incorporate site search into masthead (#1383)

* Integrate search into masthead
* Fix cutoff descenders in archive article titles
* Remove search page from `/test` site
* Enable masthead search
* Remove dedicated search page
* Fix masthead search form padding
* Improve insertion of search content
* Speed up page transition
* Add fade transition to search content
* Rename visibility class names
* Add `site.search` to _config.yml
* Document site search feature
* Update CHANGELOG and history

_sass/minimal-mistakes/_utilities.scss

@@ -8,7 +8,8 @@
 
 /* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
 
-.hidden {
+.hidden,
+.is--hidden {
   display: none;
   visibility: hidden;
 }
@@ -46,7 +47,7 @@ body:hover .visually-hidden button {
 /* screen readers */
 
 .screen-reader-text:focus,
-.screen-reader-shortcut:focus  {
+.screen-reader-shortcut:focus {
   clip: auto !important;
   height: auto !important;
   width: auto !important;
@@ -60,7 +61,6 @@ body:hover .visually-hidden button {
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 }
 
-
 /*
    Skip links
    ========================================================================== */
@@ -79,7 +79,6 @@ body:hover .visually-hidden button {
   list-style: none;
 }
 
-
 /*
    Type
    ========================================================================== */
@@ -104,14 +103,15 @@ body:hover .visually-hidden button {
   white-space: nowrap;
 }
 
-
 /*
    Alignment
    ========================================================================== */
 
 /* clearfix */
 
-.cf { clear: both; }
+.cf {
+  clear: both;
+}
 
 .wrapper {
   margin-left: auto;
@@ -119,7 +119,6 @@ body:hover .visually-hidden button {
   width: 100%;
 }
 
-
 /*
    Images
    ========================================================================== */
@@ -161,7 +160,7 @@ body:hover .visually-hidden button {
 /* file page content container */
 
 .full {
-  @include breakpoint($large){
+  @include breakpoint($large) {
     margin-right: -1 * span(2.5 of 12) !important;
   }
 }
@@ -291,7 +290,6 @@ body:hover .visually-hidden button {
   }
 }
 
-
 /*
    Navicons
    ========================================================================== */
@@ -331,26 +329,26 @@ body:hover .visually-hidden button {
   background: transparent;
 
   /* overlay the lines by setting both their top values to 0*/
-  &:before, &:after{
+  &:before,
+  &:after {
     -webkit-transform-origin: 50% 50%;
-        -ms-transform-origin: 50% 50%;
-            transform-origin: 50% 50%;
+    -ms-transform-origin: 50% 50%;
+    transform-origin: 50% 50%;
     top: 0;
     width: $navicon-width;
   }
 
   /* rotate the lines to form the x shape*/
-  &:before{
-    -webkit-transform: rotate3d(0,0,1,45deg);
-            transform: rotate3d(0,0,1,45deg);
+  &:before {
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
   }
-  &:after{
-    -webkit-transform: rotate3d(0,0,1,-45deg);
-            transform: rotate3d(0,0,1,-45deg);
+  &:after {
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
   }
 }
 
-
 /*
    Sticky, fixed to top content
    ========================================================================== */
@@ -368,7 +366,6 @@ body:hover .visually-hidden button {
   }
 }
 
-
 /*
    Wells
    ========================================================================== */
@@ -383,7 +380,6 @@ body:hover .visually-hidden button {
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 
-
 /*
    Modals
    ========================================================================== */
@@ -438,7 +434,6 @@ body:hover .visually-hidden button {
   }
 }
 
-
 /*
    Footnotes
    ========================================================================== */
@@ -451,7 +446,9 @@ body:hover .visually-hidden button {
 .footnotes {
   color: mix(#fff, $gray, 25%);
 
-  ol, li, p {
+  ol,
+  li,
+  p {
     margin-bottom: 0;
     font-size: $type-size-6;
   }
@@ -466,7 +463,6 @@ a.reversefootnote {
   }
 }
 
-
 /*
    Required
    ========================================================================== */
@@ -476,14 +472,14 @@ a.reversefootnote {
   font-weight: bold;
 }
 
-
 /*
    Google Custom Search Engine
    ========================================================================== */
 
 .gsc-control-cse {
-
-  table, tr, td {
+  table,
+  tr,
+  td {
     border: 0; /* remove table borders widget */
   }
 }
@@ -513,8 +509,8 @@ a.reversefootnote {
 
 // full screen video fixes
 :-webkit-full-screen-ancestor {
-   .masthead,
-   .page__footer {
+  .masthead,
+  .page__footer {
     position: static;
   }
-}
+}