DARK: Aura > Disable logical properties postCSS plugin feature (#92)

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

Hide file tree

Showing 8 changed files with 19 additions and 18 deletions.
diff --git a/themes/aura/assets/cart.css b/themes/aura/assets/cart.css
@@ -73,7 +73,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;
@@ -196,7 +196,7 @@
 }
 .table-container .header .cell{
   flex-basis:20%;
-  text-align:left;
+  text-align:start;
   padding:10px;
   font-weight:400;
   font-size:14px;
@@ -209,7 +209,7 @@
 }
 .table-container .row .cell{
   flex-basis:20%;
-  text-align:left;
+  text-align:start;
   padding:10px;
 }
 .table-container .row .cell .product-title{

diff --git a/themes/aura/assets/featured-products.css b/themes/aura/assets/featured-products.css
@@ -8,7 +8,7 @@
   margin:0;
   font-size:26px;
   font-weight:600;
-  text-align:left;
+  text-align:start;
 }
 @media screen and (max-width: 767px){
   .yc-featured-products .counter-wrapper .yc-section-title{
@@ -63,7 +63,7 @@
   transform:translate(-50%, -50%) scale(1.1);
 }
 .yc-featured-products .product-list .product-block .product-details{
-  text-align:left;
+  text-align:start;
   margin-top:12px;
   padding:0 6px;
   text-align:center;

diff --git a/themes/aura/assets/main.css b/themes/aura/assets/main.css
@@ -401,12 +401,12 @@ textarea{
   align-items:center;
   padding:10px 15px;
   gap:6px;
-  text-align:left;
+  text-align:start;
   font-size:14px;
   font-weight:400;
 }
 .dropdown-input .dropbtn :first-child{
-  margin-right:20px;
+  margin-inline-end:20px;
 }
 .dropdown-input .dropbtn .dropdown-icon{
   position:absolute;

diff --git a/themes/aura/assets/navbar.css b/themes/aura/assets/navbar.css
@@ -221,7 +221,7 @@
 }
 .navigation-drawer .close-drawer-btn{
   position:absolute;
-  left:0;
+  inset-inline-start:0;
   cursor:pointer;
   width:40px;
   height:40px;

diff --git a/themes/aura/assets/product-listing.css b/themes/aura/assets/product-listing.css
@@ -32,7 +32,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/aura/assets/product.css b/themes/aura/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{
@@ -140,15 +140,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/aura/assets/thankyou.css b/themes/aura/assets/thankyou.css
@@ -126,14 +126,14 @@
   border-bottom:1px solid #EBEBEB;
 }
 .thankyou-page-container .cart-items > table thead > tr > *{
-  text-align:left;
+  text-align:start;
   color:#a7a7a7;
   font-weight:500;
   font-size:14px;
   padding:0 0 12px;
 }
 .thankyou-page-container .cart-items > table thead > tr > .total{
-  text-align:right;
+  text-align:end;
 }
 .thankyou-page-container .cart-items > table tbody tr{
   border-bottom:1px solid #f0f0f0;
@@ -150,5 +150,5 @@
   padding:8px 0;
 }
 .thankyou-page-container .cart-items > table tbody tr > .total{
-  text-align:right;
+  text-align:end;
 }
diff --git a/themes/aura/postcss.config.js b/themes/aura/postcss.config.js
@@ -5,7 +5,9 @@ export default {
   plugins: [
     postcssPresetEnv({
       'nesting-rules': true,
-      'features': {},
+      'features': {
+        'logical-properties-and-values': false
+      },
     }),
     postcssDiscardComments({
       removeAll: true