Reset styling for GEO results and split from USE

Author: djanelle-mit

app/assets/stylesheets/partials/_results.scss

@@ -32,9 +32,19 @@
       margin-top: 0;
     }
   }
+
+  .results-list {
+    @media (max-width: $bp-screen-md) {
+      .result {
+        padding-left: 0;
+        padding-right: 0;
+        margin-left: 3rem;
+      }
+    }
+  }  
 }
 
-.results-list {
+.results-list.use {
   list-style-type: none;
   padding: 0;
 }
@@ -43,13 +53,92 @@
 // Individual Results for GeoData & USE
 // --------------------------------------
 
+.result {
+  padding: 2rem;
+  border-top: 1px solid $brand-primary;
+  font-size: $fs-small;
+  line-height: 0; /* line height needs to be reset so iOS doesn't act weird */
+
+  &::marker {
+    font-size: 2.5rem;
+    font-weight: $fw-bold;
+  }
+
+  &:hover,
+  &:focus {
+    background-color: $gray-l4;
+  }
+
+  .result-content {
+    line-height: 1.2;
+
+    .record-title {
+      font-size: 2.5rem;
+      line-height: 1.1;
+    }
+
+    a:visited {
+      color: $brand-secondary;
+    }
+
+    .pub-info {
+      font-size: $fs-base;
+      color:  $gray-d1;
+      span:first-child:after {
+        content: " | ";
+      }
+      margin: 1em 0;
+    }
+
+    .result-summary {
+      margin-bottom: 2.4em;
+    }
+
+    .result-highlights {
+      margin-top: 1.4em;
+      ul {
+        list-style: none;
+        li {
+          margin-left: 2rem;
+        }
+      }
+    }
+  }
+
+  .result-get,
+  .result-record {
+    padding-top: 5px;
+    a:visited {
+      color: $white;
+    }
+  }
+
+  .result-get {
+    a:visited {
+      background-color: $brand-secondary;
+    }
+  }
+
+  .truncate-list {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+  }
+
+  .inner-heading {
+    font-size: 1.8rem;
+    line-height: 1.1;
+  }
+}
 
 
 // --------------------------------------
 // Individual Results overrides for USE
 // --------------------------------------
 
-li.result {
+li.result.use {
   margin-bottom: 48px;
 
   .eyebrow {
@@ -184,11 +273,9 @@ li.result {
   }
 }
 
-/* Start USE specific overrides */
-
-// ----------------------------
-// Result list and Sidebar
-// ----------------------------
+// -----------------------------
+// Result list and Sidebar - USE
+// -----------------------------
 
 #content-wrapper {
   padding-top: 12px;

app/views/search/results.html.erb

@@ -22,7 +22,7 @@
         <p class="results-context-description">From all MIT Libraries sources</p>    
         <div id="results-layout-wrapper">  
           <main id="results">
-            <ol class="results-list" start="<%= @pagination[:start] %>">
+            <ol class="results-list use" start="<%= @pagination[:start] %>">
               <% case @active_tab %>
               <% when 'primo' %>
                 <%= render(partial: 'search/result_primo', collection: @results, as: :result) %>