4.0.2

Author: jonathantneal

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changes to PostCSS Logical Properties
 
+### 4.0.2 (June 10, 2019)
+
+- Fixed: Restored transforms for `max-block-size`, `max-inline-size`,
+  `min-block-size`, and `min-inline-size`.
+
 ### 4.0.1 (June 10, 2019)
 
 - Fixed: An issue with `block-size` and `inline-size` being miscalculated.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-logical",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "Use logical properties and values in CSS",
   "author": "Jonathan Neal <jonathantneal@hotmail.com>",
   "license": "CC0-1.0",

src/index.js

@@ -23,8 +23,8 @@ const transforms = {
 	'text-align': transformTextAlign,
 
 	// Logical Height and Logical Width
-	'block-size': transformSize['block-size'],
-	'inline-size': transformSize['inline-size'],
+	'block-size': transformSize, 'max-block-size': transformSize, 'min-block-size': transformSize,
+	'inline-size': transformSize, 'max-inline-size': transformSize, 'min-inline-size': transformSize,
 
 	// Flow-relative Margins
 	'margin': transformDirectionalShorthands, 'margin-inline': transformSide['inline'], 'margin-inline-end': transformSide['inline-end'], 'margin-inline-start': transformSide['inline-start'], 'margin-block': transformSide['block'], 'margin-block-end': transformSide['block-end'], 'margin-block-start': transformSide['block-start'],

src/lib/transform-size.js

@@ -1,10 +1,8 @@
-export default {
-	// block-size
-	'block-size': decl => {
-		decl.prop = 'height';
-	},
-	// inline-size
-	'inline-size': decl => {
-		decl.prop = 'width';
-	}
+import matchSize from './match-size';
+
+export default decl => {
+	decl.prop = decl.prop.replace(
+		matchSize,
+		($0, minmax, flow) => `${minmax||''}${'block' === flow ? 'height' : 'width'}`
+	);
 }

test/size.css

@@ -1,4 +1,14 @@
 test-size {
-	block-size: auto;
-	inline-size: auto;
+	block-size: 320px;
+	inline-size: 180px;
+}
+
+text-max-size {
+	max-block-size: 320px;
+	max-inline-size: 180px;
+}
+
+text-min-size {
+	min-block-size: 320px;
+	min-inline-size: 180px;
 }

test/size.expect.css

@@ -1,4 +1,14 @@
 test-size {
-	height: auto;
-	width: auto;
+	height: 320px;
+	width: 180px;
+}
+
+text-max-size {
+	max-height: 320px;
+	max-width: 180px;
+}
+
+text-min-size {
+	min-height: 320px;
+	min-width: 180px;
 }