From e1981016edf736c4404d3ec2a2e1d199af6b6393 Mon Sep 17 00:00:00 2001
From: Tero Elonen <tero.elonen@druid.fi>
Date: Thu, 9 Jan 2025 12:09:15 +0200
Subject: [PATCH] Change postcss processing so that css logical properties are
 preserved

---
 public/themes/custom/hdbt_subtheme/postcss.config.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/themes/custom/hdbt_subtheme/postcss.config.js b/public/themes/custom/hdbt_subtheme/postcss.config.js
index a63f4e47..ac82679f 100644
--- a/public/themes/custom/hdbt_subtheme/postcss.config.js
+++ b/public/themes/custom/hdbt_subtheme/postcss.config.js
@@ -5,7 +5,15 @@ module.exports = {
   plugins: [
     // Plugins for PostCSS
     ['autoprefixer', { sourceMap: isDev }], // Parses CSS and adds vendor prefixes.
-    'postcss-preset-env', // Convert modern CSS into something most browsers can understand.
+    [
+      'postcss-preset-env', // Convert modern CSS into something most browsers can understand.
+      {
+        stage: 2, // Use stage 2 CSS features.
+        features: {
+          'logical-properties-and-values': false // Disable the conversion of css logical properties such as padding-inline.
+        },
+      },
+    ],
     'postcss-nested', // Unwrap nested rules like how Sass does it.
     'postcss-nesting', // Nest style rules inside each other, following the CSS Nesting specification.
     require('./postcss.plugins'), // Strip inline comments.