fix: added missing logical props

Kajabi · Oct 15, 2024 · 3da607a · 3da607a
1 parent 784842f
commit 3da607a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/docs/lib/sage-frontend/stylesheets/docs/_icon.scss b/docs/lib/sage-frontend/stylesheets/docs/_icon.scss
@@ -9,7 +9,7 @@
   flex-direction: column;
   flex-wrap: wrap;
   align-items: center;
-  margin-bottom: sage-spacing();
+  margin-block-end: sage-spacing();
   padding: sage-spacing(lg) sage-spacing(sm);
   text-align: center;
   background: sage-color(grey, 150);
@@ -18,15 +18,15 @@
 }
 
 .docs-icon-block__label {
-  margin-top: sage-spacing(xs);
-  margin-bottom: 0;
+  margin-block-start: sage-spacing(xs);
+  margin-block-end: 0;
   font-size: sage-font-size(body-xs);
   font-weight: sage-font-weight(semibold);
 }
 
 
 .docs-icon-inline {
-  margin-bottom: sage-spacing(sm);
+  margin-block-end: sage-spacing(sm);
   padding: sage-spacing(sm);
   text-align: right;
   background: sage-color(grey, 150);

diff --git a/packages/sage-assets/lib/stylesheets/components/_icon.scss b/packages/sage-assets/lib/stylesheets/components/_icon.scss
@@ -75,7 +75,7 @@ $-icon-beside-type: (
 
   .sage-tab--icon-#{$icon-name}::before {
     @include sage-icon-base($icon-name, md, pine);
-    margin-right: sage-spacing(xs);
+    margin-inline-end: sage-spacing(xs);
   }
 
   .sage-choice--icon-#{$icon-name}::before {
@@ -115,7 +115,7 @@ $-icon-beside-type: (
     white-space: nowrap;
 
     &::before {
-      margin-right: sage-spacing(xs);
+      margin-inline-end: sage-spacing(xs);
 
       @include sage-icon-base($icon-name, md, pine);
     }