From 4537cdcd00229ca5686521f1737cdf5feadc7099 Mon Sep 17 00:00:00 2001
From: Eihab Khan <143792300+eihabkhan1@users.noreply.github.com>
Date: Thu, 21 Nov 2024 12:23:06 +0100
Subject: [PATCH] DARK: Harmony > Disable logical properties postCSS plugin
 feature (#93)

---
 themes/harmony/assets/cart.css              | 13 ++++++-------
 themes/harmony/assets/featured-products.css |  2 +-
 themes/harmony/assets/main.css              |  4 ++--
 themes/harmony/assets/navbar.css            |  2 +-
 themes/harmony/assets/product-column.css    |  2 +-
 themes/harmony/assets/product-listing.css   |  2 +-
 themes/harmony/assets/product.css           |  9 ++++-----
 themes/harmony/postcss.config.js            |  4 +++-
 8 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/themes/harmony/assets/cart.css b/themes/harmony/assets/cart.css
index 14223207..1aa60bce 100644
--- a/themes/harmony/assets/cart.css
+++ b/themes/harmony/assets/cart.css
@@ -90,7 +90,7 @@
 }
 .yc-cart .cart-table .summary-box .price-wrapper .item-price{
   width:20%;
-  text-align:right;
+  text-align:end;
 }
 .yc-cart .cart-table .summary-box .total{
   font-weight:700;
@@ -211,7 +211,7 @@
   flex-wrap:wrap;
 }
 .table-container .header .cell{
-  text-align:left;
+  text-align:start;
   padding:8px;
   font-weight:400;
   font-size:14px;
@@ -223,7 +223,7 @@
 }
 .table-container .row .cell{
   flex-basis:20%;
-  text-align:left;
+  text-align:start;
   padding:10px;
 }
 .table-container .row .product-preview{
@@ -298,13 +298,12 @@
 }
 @media screen and (max-width: 768px){
   .table-container .row .prodcut-details{
-    padding-right:48px;
+    padding-inline-end:48px;
     display:flex;
     flex-direction:column;
   }
   .table-container .row .prodcut-details .cell{
-    padding-left:0;
-    padding-right:0;
+    padding-inline:0;
   }
   .table-container .row .prodcut-details .cell:nth-child(2){
     order:1;
@@ -334,7 +333,7 @@
     grid-template-columns:auto repeat(3, 1fr);
   }
   .table-container .row .product-preview{
-    margin-right:16px;
+    margin-inline-end:16px;
   }
 }
 @media screen and (max-width: 768px){
diff --git a/themes/harmony/assets/featured-products.css b/themes/harmony/assets/featured-products.css
index 49c23db4..46f82b5c 100644
--- a/themes/harmony/assets/featured-products.css
+++ b/themes/harmony/assets/featured-products.css
@@ -57,7 +57,7 @@
   margin:0;
   font-size:26px;
   font-weight:600;
-  text-align:left;
+  text-align:start;
 }
 @media (max-width: 768px){
   .yc-featured-products .counter-wrapper .yc-section-title{
diff --git a/themes/harmony/assets/main.css b/themes/harmony/assets/main.css
index 5ec99088..a10319cb 100644
--- a/themes/harmony/assets/main.css
+++ b/themes/harmony/assets/main.css
@@ -396,12 +396,12 @@ textarea{
   align-items:center;
   padding:10px;
   gap:6px;
-  text-align:left;
+  text-align:start;
   font-size:14px;
   font-weight:400;
 }
 .dropdown-input .dropbtn :first-child{
-  margin-right:10px;
+  margin-inline-end:10px;
 }
 .dropdown-input .dropbtn .order-by{
   font-size:14px;
diff --git a/themes/harmony/assets/navbar.css b/themes/harmony/assets/navbar.css
index 370aa65c..a9246dd9 100644
--- a/themes/harmony/assets/navbar.css
+++ b/themes/harmony/assets/navbar.css
@@ -264,7 +264,7 @@
 }
 .navigation-drawer .close-drawer-btn{
   position:absolute;
-  left:0;
+  inset-inline-start:0;
   cursor:pointer;
   width:40px;
   height:40px;
diff --git a/themes/harmony/assets/product-column.css b/themes/harmony/assets/product-column.css
index c8c16316..c8552de6 100644
--- a/themes/harmony/assets/product-column.css
+++ b/themes/harmony/assets/product-column.css
@@ -72,7 +72,7 @@
   border-radius:5px;
 }
 .product-home-container .product-block .product-description{
-  text-align:left;
+  text-align:start;
 }
 .product-home-container .product-block .yc-btn-secondary--large{
   width:100%;
diff --git a/themes/harmony/assets/product-listing.css b/themes/harmony/assets/product-listing.css
index d65f36e1..85b12c5b 100644
--- a/themes/harmony/assets/product-listing.css
+++ b/themes/harmony/assets/product-listing.css
@@ -51,7 +51,7 @@
 }
 .yc-product-listing-container .product-list .product-block .product-details{
   margin:14px 0;
-  text-align:left;
+  text-align:start;
 }
 .yc-product-listing-container .product-list .product-block .product-details .product-title{
   font-weight:400;
diff --git a/themes/harmony/assets/product.css b/themes/harmony/assets/product.css
index de6d9774..8d8a4e81 100644
--- a/themes/harmony/assets/product.css
+++ b/themes/harmony/assets/product.css
@@ -100,7 +100,7 @@
 .yc-single-product .product-images .product-images-container .splide__list{
   display:flex;
   flex-direction:column;
-  margin-left:10px;
+  margin-inline-start:10px;
 }
 @media (min-width: 768px){
   .yc-single-product .product-images .product-images-container .splide__list{
@@ -141,15 +141,14 @@
   width:80px;
   height:78px !important;
   cursor:pointer;
-  margin-bottom:10px;
+  margin-block-end:10px;
 }
 @media (min-width: 768px){
   .yc-single-product .product-images .product-images-container .thumbnail-images .image-container{
     width:150px !important;
     height:148px !important;
-    margin-bottom:0;
-    margin-bottom:initial;
-    margin-right:10px;
+    margin-block-end:unset;
+    margin-inline-end:10px;
   }
 }
 .yc-single-product .product-images .product-images-container .thumbnail-images .image-container.active{
diff --git a/themes/harmony/postcss.config.js b/themes/harmony/postcss.config.js
index 06d0e533..c4b262f2 100644
--- a/themes/harmony/postcss.config.js
+++ b/themes/harmony/postcss.config.js
@@ -5,7 +5,9 @@ export default {
   plugins: [
     postcssPresetEnv({
       'nesting-rules': true,
-      'features': {},
+      'features': {
+        'logical-properties-and-values': false
+      },
     }),
     postcssDiscardComments({
       removeAll: true