Merge pull request #456 from City-of-Helsinki/UHF-X_css_logical_prope…

…rties_fix UHF-X: Change postcss processing so that css logical properties are preserved
City-of-Helsinki · Jan 9, 2025 · 285f4af · 285f4af
2 parents 5cb64a1 + 264377e
commit 285f4af
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/public/themes/custom/hdbt_subtheme/package-lock.json b/public/themes/custom/hdbt_subtheme/package-lock.json
diff --git 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.