DARK: Harmony > Disable logical properties postCSS plugin feature (#93)

youcan-shop · Nov 21, 2024 · 4537cdc · 4537cdc
1 parent 9dcb89b
commit 4537cdc
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 19 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -5,7 +5,9 @@ export default {
   plugins: [
     postcssPresetEnv({
       'nesting-rules': true,
-      'features': {},
+      'features': {
+        'logical-properties-and-values': false
+      },
     }),
     postcssDiscardComments({
       removeAll: true