Merge pull request #3201 from projectblacklight/facet-header-size

Add the h4/h6 class to the facet headings rather than using scss

Author: jcoyne

app/assets/stylesheets/blacklight/_facets.scss

@@ -102,7 +102,6 @@
 }
 
 .facets-heading {
-  @extend .h4;
   line-height: inherit;
 }
 
@@ -193,8 +192,6 @@
 }
 
 .facet-field-heading {
-  @extend .h6;
-
   a {
     color: inherit;
   }

app/components/blacklight/facet_field_component.html.erb

@@ -1,5 +1,5 @@
 <div class="card facet-limit blacklight-<%= @facet_field.key %> <%= 'facet-limit-active' if @facet_field.active? %>">
-  <h3 class="card-header p-0 facet-field-heading" id="<%= header_html_id %>">
+  <h3 class="card-header p-0 facet-field-heading h6" id="<%= header_html_id %>">
     <button
       type="button"
       class="btn w-100 d-block btn-block p-2 text-start text-left collapse-toggle <%= "collapsed" if @facet_field.collapsed? %>"

app/components/blacklight/response/facet_group_component.html.erb

@@ -1,7 +1,7 @@
 <% # main container for facets/limits menu -%>
 <%= content_tag :div, id: @id,  class: 'facets sidenav facets-toggleable-md' do %>
   <div class="facets-header">
-    <%= content_tag :h2, @title, class: 'facets-heading' if @title %>
+    <%= content_tag :h2, @title, class: 'facets-heading h4' if @title %>
 
     <%= content_tag :button,
       class:'navbar-toggler navbar-toggler-right',