Revert "[MWPW-146756] Add support for RTL in aside notifications, hor…

…izontal cards" (adobecom#2177) Revert "[MWPW-146756] Add support for RTL in aside notifications, horizontal …" This reverts commit e71b33d.
mokimo · Apr 30, 2024 · d1c0369 · d1c0369
1 parent b1c31b0
commit d1c0369
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 72 deletions.
diff --git a/libs/blocks/aside/aside.css b/libs/blocks/aside/aside.css
@@ -415,7 +415,7 @@
 }
 
 .aside.notification.center.small .foreground.container .text p {
-  text-align: initial;
+  text-align: left;
 }
 
 .aside.notification.large .foreground.container {
@@ -799,11 +799,6 @@
     margin-left: 24px;
   }
 
-  [dir = "rtl"] .aside.notification.small .foreground.container .text .body-m.action-area {
-    margin-left: 0;
-    margin-right: 24px;
-  }
-
   .aside.split.half .foreground.container .text {
     flex: 0 0 41.72%;
   }
@@ -844,11 +839,6 @@
     margin-bottom: 0;
   }
 
-  [dir = "rtl"] .aside.notification .foreground.container .icon-area {
-    margin-left: var(--spacing-xs);
-    margin-right: 0;
-  }
-
   .aside.notification.extra-small .foreground.container.no-image .text {
     display: flex;
   }

diff --git a/libs/blocks/card-horizontal/card-horizontal.css b/libs/blocks/card-horizontal/card-horizontal.css
@@ -65,7 +65,7 @@
   position: relative;
   display: flex;
   flex-direction: row;
-  text-align: initial;
+  text-align: left;
   align-items: center;
   background-color: white;
   border-radius: 4px;
@@ -98,11 +98,6 @@
   flex-grow: 1;
 }
 
-[dir = "rtl"] .card-horizontal .foreground .card-block .card-content {
-  padding-left: var(--spacing-s);
-  padding-right: 0;
-}
-
 .card-horizontal .foreground .card-block .card-image {
   height: 130px;
   flex: 0 0 90px;
@@ -156,11 +151,6 @@
   margin-left: var(--spacing-s);
 }
 
-[dir = "rtl"] .card-horizontal.tile .foreground .card-block .card-image img {
-  margin-left: 0;
-  margin-right: var(--spacing-s);
-}
-
 .two-up .card-horizontal .foreground .card-block .card-image,
 .three-up .card-horizontal .foreground .card-block .card-image {
   flex: 0 0 91px;
@@ -179,11 +169,6 @@
     padding-right: var(--spacing-m);
   }
 
-  [dir = "rtl"] .card-horizontal.tile .foreground .card-block .card-content {
-    padding-left: var(--spacing-m);
-    padding-right: 0;
-  }
-
   .card-horizontal.tile .foreground .card-block .card-image {
     flex: 0 0 106px;
   }
@@ -198,11 +183,6 @@
     margin-left: var(--spacing-m);
   }
 
-  [dir = "rtl"] .card-horizontal.tile .foreground .card-block .card-image img {
-    margin-left: 0;
-    margin-right: var(--spacing-m);
-  }
-
   .two-up .card-horizontal .foreground .card-block {
     gap: var(--spacing-s);
   }
@@ -219,34 +199,19 @@
     padding-right: var(--spacing-s);
   }
 
-  [dir = "rtl"] .two-up .card-horizontal.tile .foreground .card-block .card-content {
-    padding-left: var(--spacing-s);
-    padding-right: 0;
-  }
-
   .two-up .card-horizontal.tile .foreground .card-block .card-image img {
     width: 74px;
     height: 72px;
     margin-left: var(--spacing-s);
   }
 
-  [dir = "rtl"] .two-up .card-horizontal.tile .foreground .card-block .card-image img {
-    margin-left: 0;
-    margin-right: var(--spacing-s);
-  }
-
   .three-up .card-horizontal.tile .foreground .card-block .card-image {
     flex: 0 0 98px;
   }
 
   .three-up .card-horizontal.tile .foreground .card-block .card-image img {
     margin-left: var(--spacing-s);
   }
-
-  [dir = "rtl"] .three-up .card-horizontal.tile .foreground .card-block .card-image img {
-    margin-left: 0;
-    margin-right: var(--spacing-s);
-  }
 }
 
 @media screen and (min-width: 1200px) {
@@ -259,29 +224,14 @@
     padding-right: var(--spacing-m);
   }
 
-  [dir = "rtl"] .card-horizontal .foreground .card-block .card-content {
-    padding-left: var(--spacing-m);
-    padding-right: 0;
-  }
-
   .two-up .card-horizontal .foreground .card-block .card-content {
     padding-right: var(--spacing-s);
   }
 
-  [dir = "rtl"] .two-up .card-horizontal .foreground .card-block .card-content {
-    padding-left: var(--spacing-s);
-    padding-right: 0;
-  }
-
   .three-up .card-horizontal .foreground .card-block .card-content {
     padding-right: var(--spacing-s);
   }
 
-  [dir = "rtl"] .three-up .card-horizontal .foreground .card-block .card-content {
-    padding-left: var(--spacing-s);
-    padding-right: 0;
-  }
-
   .card-horizontal .foreground .card-block .card-image {
     flex: 0 0 180px;
   }
@@ -314,21 +264,11 @@
     margin-left: var(--spacing-s);
   }
 
-  [dir = "rtl"] .two-up .card-horizontal.tile .foreground .card-block .card-image img {
-    margin-left: 0;
-    margin-right: var(--spacing-s);
-  }
-
   .three-up .card-horizontal.tile .foreground .card-block .card-image {
     flex: 0 0 98px;
   }
 
   .three-up .card-horizontal.tile .foreground .card-block .card-image img {
     margin-left: var(--spacing-s);
   }
-
-  [dir = "rtl"] .three-up .card-horizontal.tile .foreground .card-block .card-image img {
-    margin-left: 0;
-    margin-right: var(--spacing-s);
-  }
 }