adjust-for-placement

Author: jordanvidrine

common/common.scss

@@ -1,73 +1,71 @@
 @use "lib/viewport";
 
 // custom search banner customizations
-.welcome-banner {
-  &.--location-above-topic-content .custom-search-banner-wrap {
-    color: var(--primary);
-  }
-
-  .custom-search-banner-wrap {
-    color: var(--secondary);
-
-    .custom-search-banner-headline,
-    h1 {
-      line-height: var(--line-height-small);
-    }
+.welcome-banner.--location-above-topic-content .custom-search-banner-wrap {
+  color: var(--primary);
+}
 
-    p {
-      margin-top: 0.5em;
-      margin-bottom: 2em;
-    }
+.custom-search-banner-wrap {
+  color: var(--secondary);
 
-    .btn {
-      height: 100%;
-    }
+  .custom-search-banner-headline,
+  h1 {
+    line-height: var(--line-height-small);
+  }
 
-    .search-menu input[type="text"] {
-      border: 1px solid transparent;
-      border-radius: 0.25em;
-      min-height: 40px;
+  p {
+    margin-top: 0.5em;
+    margin-bottom: 2em;
+  }
 
-      &:focus {
-        outline: 3px solid rgb(var(--primary-rgb), 0.35);
-      }
-    }
+  .btn {
+    height: 100%;
+  }
 
-    .widget-link.show-help {
-      color: rgb(var(--primary-rgb), 0.75);
-      border-radius: 0.5em;
-      padding: 0.5em;
-      background-color: rgb(var(--secondary-rgb), 0.25);
+  .search-menu input[type="text"] {
+    border: 1px solid transparent;
+    border-radius: 0.25em;
+    min-height: 40px;
 
-      &:hover {
-        color: var(--primary);
-      }
+    &:focus {
+      outline: 3px solid rgb(var(--primary-rgb), 0.35);
     }
+  }
 
-    .search-menu .search-input {
-      border-color: var(--tertiary-hover);
-      outline: 1px solid var(--tertiary-hover);
-    }
+  .widget-link.show-help {
+    color: rgb(var(--primary-rgb), 0.75);
+    border-radius: 0.5em;
+    padding: 0.5em;
+    background-color: rgb(var(--secondary-rgb), 0.25);
 
-    .results {
-      top: 43px;
-      border-radius: 0.25em;
+    &:hover {
+      color: var(--primary);
     }
+  }
 
-    .search-context {
-      top: 3.25em;
-      right: 1em;
-    }
+  .search-menu .search-input {
+    border-color: var(--tertiary-hover);
+    outline: 1px solid var(--tertiary-hover);
   }
 
-  .search-input {
+  .results {
+    top: 43px;
     border-radius: 0.25em;
   }
 
-  .display-search-banner {
-    #main-outlet {
-      padding-top: 2em;
-    }
+  .search-context {
+    top: 3.25em;
+    right: 1em;
+  }
+}
+
+.search-input {
+  border-radius: 0.25em;
+}
+
+.display-search-banner {
+  #main-outlet {
+    padding-top: 2em;
   }
 }