From 943e72346c677fc871402c4aa805151dc77610de Mon Sep 17 00:00:00 2001
From: Justin Coyne <jcoyne@justincoyne.com>
Date: Fri, 7 Jun 2024 15:18:30 -0500
Subject: [PATCH] Use logical properties for margin and padding on facet layout

This better supports rtl writing modes
---
 app/assets/stylesheets/blacklight/_facets.scss | 10 +++++-----
 app/assets/stylesheets/blacklight/build.scss   | 13 -------------
 2 files changed, 5 insertions(+), 18 deletions(-)

diff --git a/app/assets/stylesheets/blacklight/_facets.scss b/app/assets/stylesheets/blacklight/_facets.scss
index 22a2dd310..b79097046 100644
--- a/app/assets/stylesheets/blacklight/_facets.scss
+++ b/app/assets/stylesheets/blacklight/_facets.scss
@@ -224,16 +224,16 @@ $facet-toggle-width: 1em !default;
 $facet-toggle-height: $facet-toggle-width !default;
 
 .facet-toggle-handle {
-  @extend .my-0;
-  @extend .py-0;
-  @extend .px-2;
+  margin-block: 0;
+  padding-block: 0;
+  padding-inline: 0.5rem;
 
   // keep the icon span centered in the button, but shift to the left for equal spacing inside row
-  margin-left: -1 * $btn-padding-x;
+  margin-inline-start: -1 * $btn-padding-x;
 
   .pivot-facet & {
     // shift pivot values a little more aggressively for better compact display
-    margin-left: -2 * $btn-padding-x;
+    margin-inline-start: -2 * $btn-padding-x;
   }
 
   &.collapsed {
diff --git a/app/assets/stylesheets/blacklight/build.scss b/app/assets/stylesheets/blacklight/build.scss
index eca5bbb39..22c882590 100644
--- a/app/assets/stylesheets/blacklight/build.scss
+++ b/app/assets/stylesheets/blacklight/build.scss
@@ -2,10 +2,6 @@
 @import "bootstrap/scss/mixins/breakpoints";
 @import "bootstrap/scss/variables";
 
-.py-2 {
-  padding-block: 0.5rem; /* https://github.com/projectblacklight/blacklight/pull/3186 */
-}
-
 /* These classes are all the BS things that Blacklight depends on (via @extend) */
 .col-md-12 {
 }
@@ -38,12 +34,6 @@ h5 {
 .h6 {
 }
 
-.list-unstyled {
-}
-
-.d-flex {
-}
-
 .my-0 {
 }
 
@@ -58,7 +48,4 @@ h5 {
 .px-4 {
 }
 
-.text-muted {
-}
-
 @import "blacklight";