Put the facet heading padding in a variable (#3471)

This makes it easier to customize
projectblacklight · Jan 7, 2025 · a386094 · a386094
1 parent 6c10195
commit a386094
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/assets/builds/blacklight.css b/app/assets/builds/blacklight.css
@@ -247,6 +247,7 @@ main {
   --bl-facet-remove-hover-color: var(--bs-danger);
   --bl-facet-label-indent: -15px;
   --bl-facet-label-padding-left: 15px;
+  --bl-facet-header-padding-y: 0.5rem;
 }
 .sidenav .facet-toggle-button [data-hide-label] {
   display: inline;
@@ -282,8 +283,7 @@ main {
 .facets-header {
   display: flex;
   justify-content: space-between;
-  padding-bottom: 0.5rem;
-  padding-top: 0.5rem;
+  padding-block: var(--bl-facet-header-padding-y);
 }
 
 .facets-heading {

diff --git a/app/assets/stylesheets/blacklight/_facets.scss b/app/assets/stylesheets/blacklight/_facets.scss
@@ -5,6 +5,7 @@
   --bl-facet-remove-hover-color: var(--bs-danger);
   --bl-facet-label-indent: -15px;
   --bl-facet-label-padding-left: 15px;
+  --bl-facet-header-padding-y: 0.5rem;
 
   .facet-toggle-button {
     [data-hide-label] {
@@ -52,8 +53,7 @@
 .facets-header {
   display: flex;
   justify-content: space-between;
-  padding-bottom: 0.5rem;
-  padding-top: 0.5rem;
+  padding-block: var(--bl-facet-header-padding-y);
 }
 
 .facets-heading {