Issue #2489394 by cr0ss, jhodgdon, Cottser: Refactor the Search module markup...

Issue #2489394 by cr0ss, jhodgdon, Cottser: Refactor the Search module markup to be inline with our standards

core/themes/bartik/css/components/search-results.css

@@ -20,9 +20,12 @@ ol.search-results {
   padding-bottom: 0;
   margin-bottom: 1em;
 }
-.search-results .search-snippet-info {
+.search-result__title {
+  font-weight: bold;
+}
+.search-result__snippet-info {
   padding-left: 0; /* LTR */
 }
-[dir="rtl"] .search-results .search-snippet-info {
+[dir="rtl"] .search-result__snippet-info {
   padding-right: 0;
 }

core/themes/classy/templates/content/search-result.html.twig

@@ -57,15 +57,15 @@
  */
 #}
 {{ title_prefix }}
-<h3{{ title_attributes.addClass('title') }}>
+<h3{{ title_attributes.addClass('search-result__title') }}>
   <a href="{{ url }}">{{ title }}</a>
 </h3>
 {{ title_suffix }}
-<div class="search-snippet-info">
+<div class="search-result__snippet-info">
   {% if snippet %}
-    <p{{ content_attributes.addClass('search-snippet') }}>{{ snippet }}</p>
+    <p{{ content_attributes.addClass('search-result__snippet') }}>{{ snippet }}</p>
   {% endif %}
   {% if info %}
-    <p class="search-info">{{ info }}</p>
+    <p class="search-result__info">{{ info }}</p>
   {% endif %}
 </div>