Merge pull request #3468 from projectblacklight/text-indent

Make text indent and left padding of facet values variables
projectblacklight · Dec 13, 2024 · cef032f · cef032f
2 parents c77223d + da9ad42
commit cef032f
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/assets/stylesheets/blacklight/_facets.scss b/app/assets/stylesheets/blacklight/_facets.scss
@@ -3,6 +3,8 @@
   --bl-facet-active-item-color: var(--bs-success);
   --bl-facet-remove-color: var(--bs-secondary-color);
   --bl-facet-remove-hover-color: var(--bs-danger);
+  --bl-facet-label-indent: -15px;
+  --bl-facet-label-padding-left: 15px;
 
   .facet-toggle-button {
     [data-hide-label] {
@@ -108,9 +110,9 @@
   .facet-label {
     hyphens: auto;
     overflow-wrap: break-word;
-    padding-left: 15px;
+    padding-left: var(--bl-facet-label-padding-left);
     padding-right: 1em;
-    text-indent: -15px;
+    text-indent: var(--bl-facet-label-indent);
   }
 
   .facet-count {