Remove search

seymourdan · Sep 27, 2024 · b7586f8 · b7586f8
1 parent f75031d
commit b7586f8
Showing 1 changed file with 88 additions and 84 deletions.
diff --git a/assets/styles/base.scss b/assets/styles/base.scss
@@ -406,90 +406,94 @@ header {
 }
 
 #search-container {
-  position: fixed;
-  z-index: 9999;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100%;
-  overflow: scroll;
-  display: none;
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-
-  & > div {
-    width: 50%;
-    margin-top: 15vh;
-    margin-left: auto;
-    margin-right: auto;
-
-    @media all and (max-width: 1200px) {
-      width: 90%;
-    }
-
-    & > * {
-      width: 100%;
-      border-radius: 4px;
-      background: var(--light);
-      box-shadow: 0 14px 50px rgba(27, 33, 48, 0.12), 0 10px 30px rgba(27, 33, 48, 0.16);
-      margin-bottom: 2em;
-    }
-
-    & > input {
-      box-sizing: border-box;
-      padding: 0.5em 1em;
-      font-family: var(--font-body);
-      color: var(--dark);
-      font-size: 1.1em;
-      border: 1px solid var(--outlinegray);
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    & > #results-container {
-      & .result-card {
-        padding: 1em;
-        cursor: pointer;
-        transition: background 0.2s ease;
-        border: 1px solid var(--outlinegray);
-        border-bottom: none;
-        width: 100%;
-
-        // normalize button props
-        font-family: inherit;
-        font-size: 100%;
-        line-height: 1.15;
-        margin: 0;
-        overflow: visible;
-        text-transform: none;
-        text-align: left;
-        background: var(--light);
-        outline: none;
-
-        &:hover, &:focus {
-          background: rgba(180, 180, 180, 0.15);
-        }
-
-        &:first-of-type {
-          border-top-left-radius: 5px;
-          border-top-right-radius: 5px;
-        }
-
-        &:last-of-type {
-          border-bottom-left-radius: 5px;
-          border-bottom-right-radius: 5px;
-          border-bottom: 1px solid var(--outlinegray);
-        }
-
-        & > h3, & > p {
-          margin: 0;
-        }
-      }
-    }
-  }
-}
+  display: none !important;
+}
+
+// #search-container {
+//   position: fixed;
+//   z-index: 9999;
+//   left: 0;
+//   top: 0;
+//   width: 100vw;
+//   height: 100%;
+//   overflow: scroll;
+//   display: none;
+//   backdrop-filter: blur(4px);
+//   -webkit-backdrop-filter: blur(4px);
+
+//   & > div {
+//     width: 50%;
+//     margin-top: 15vh;
+//     margin-left: auto;
+//     margin-right: auto;
+
+//     @media all and (max-width: 1200px) {
+//       width: 90%;
+//     }
+
+//     & > * {
+//       width: 100%;
+//       border-radius: 4px;
+//       background: var(--light);
+//       box-shadow: 0 14px 50px rgba(27, 33, 48, 0.12), 0 10px 30px rgba(27, 33, 48, 0.16);
+//       margin-bottom: 2em;
+//     }
+
+//     & > input {
+//       box-sizing: border-box;
+//       padding: 0.5em 1em;
+//       font-family: var(--font-body);
+//       color: var(--dark);
+//       font-size: 1.1em;
+//       border: 1px solid var(--outlinegray);
+
+//       &:focus {
+//         outline: none;
+//       }
+//     }
+
+//     & > #results-container {
+//       & .result-card {
+//         padding: 1em;
+//         cursor: pointer;
+//         transition: background 0.2s ease;
+//         border: 1px solid var(--outlinegray);
+//         border-bottom: none;
+//         width: 100%;
+
+//         // normalize button props
+//         font-family: inherit;
+//         font-size: 100%;
+//         line-height: 1.15;
+//         margin: 0;
+//         overflow: visible;
+//         text-transform: none;
+//         text-align: left;
+//         background: var(--light);
+//         outline: none;
+
+//         &:hover, &:focus {
+//           background: rgba(180, 180, 180, 0.15);
+//         }
+
+//         &:first-of-type {
+//           border-top-left-radius: 5px;
+//           border-top-right-radius: 5px;
+//         }
+
+//         &:last-of-type {
+//           border-bottom-left-radius: 5px;
+//           border-bottom-right-radius: 5px;
+//           border-bottom: 1px solid var(--outlinegray);
+//         }
+
+//         & > h3, & > p {
+//           margin: 0;
+//         }
+//       }
+//     }
+//   }
+// }
 
 .search-highlight {
   background-color: #afbfc966;