Implement vendor prefixing for sizing values

parcel-bundler#186

Author: devongovett

src/lib.rs

@@ -3006,6 +3006,173 @@ mod tests {
         ..Browsers::default()
       },
     );
+
+    for (in_prop, out_prop) in [
+      ("width", "width"),
+      ("height", "height"),
+      ("block-size", "height"),
+      ("inline-size", "width"),
+      ("min-width", "min-width"),
+      ("min-height", "min-height"),
+      ("min-block-size", "min-height"),
+      ("min-inline-size", "min-width"),
+      ("max-width", "max-width"),
+      ("max-height", "max-height"),
+      ("max-block-size", "max-height"),
+      ("max-inline-size", "max-width"),
+    ] {
+      prefix_test(
+        &format!(
+          r#"
+        .foo {{
+          {}: stretch;
+        }}
+      "#,
+          in_prop
+        ),
+        &format!(
+          indoc! {r#"
+        .foo {{
+          {}: -webkit-fill-available;
+          {}: -moz-available;
+          {}: stretch;
+        }}
+      "#},
+          out_prop, out_prop, out_prop
+        ),
+        Browsers {
+          safari: Some(8 << 16),
+          firefox: Some(4 << 16),
+          ..Browsers::default()
+        },
+      );
+
+      prefix_test(
+        &format!(
+          r#"
+        .foo {{
+          {}: -webkit-fill-available;
+        }}
+      "#,
+          in_prop
+        ),
+        &format!(
+          indoc! {r#"
+        .foo {{
+          {}: -webkit-fill-available;
+        }}
+      "#},
+          out_prop
+        ),
+        Browsers {
+          safari: Some(8 << 16),
+          firefox: Some(4 << 16),
+          ..Browsers::default()
+        },
+      );
+
+      prefix_test(
+        &format!(
+          r#"
+        .foo {{
+          {}: fit-content;
+        }}
+      "#,
+          in_prop
+        ),
+        &format!(
+          indoc! {r#"
+        .foo {{
+          {}: -webkit-fit-content;
+          {}: -moz-fit-content;
+          {}: fit-content;
+        }}
+      "#},
+          out_prop, out_prop, out_prop
+        ),
+        Browsers {
+          safari: Some(8 << 16),
+          firefox: Some(4 << 16),
+          ..Browsers::default()
+        },
+      );
+
+      prefix_test(
+        &format!(
+          r#"
+        .foo {{
+          {}: fit-content(50%);
+        }}
+      "#,
+          in_prop
+        ),
+        &format!(
+          indoc! {r#"
+        .foo {{
+          {}: fit-content(50%);
+        }}
+      "#},
+          out_prop
+        ),
+        Browsers {
+          safari: Some(8 << 16),
+          firefox: Some(4 << 16),
+          ..Browsers::default()
+        },
+      );
+
+      prefix_test(
+        &format!(
+          r#"
+        .foo {{
+          {}: min-content;
+        }}
+      "#,
+          in_prop
+        ),
+        &format!(
+          indoc! {r#"
+        .foo {{
+          {}: -webkit-min-content;
+          {}: -moz-min-content;
+          {}: min-content;
+        }}
+      "#},
+          out_prop, out_prop, out_prop
+        ),
+        Browsers {
+          safari: Some(8 << 16),
+          firefox: Some(4 << 16),
+          ..Browsers::default()
+        },
+      );
+
+      prefix_test(
+        &format!(
+          r#"
+        .foo {{
+          {}: max-content;
+        }}
+      "#,
+          in_prop
+        ),
+        &format!(
+          indoc! {r#"
+        .foo {{
+          {}: -webkit-max-content;
+          {}: -moz-max-content;
+          {}: max-content;
+        }}
+      "#},
+          out_prop, out_prop, out_prop
+        ),
+        Browsers {
+          safari: Some(8 << 16),
+          firefox: Some(4 << 16),
+          ..Browsers::default()
+        },
+      );
+    }
   }
 
   #[test]

src/properties/mod.rs

@@ -772,16 +772,16 @@ define_properties! {
 
   "width": Width(Size) [logical_group: Size, category: Physical],
   "height": Height(Size) [logical_group: Size, category: Physical],
-  "min-width": MinWidth(MinMaxSize) [logical_group: MinSize, category: Physical],
-  "min-height": MinHeight(MinMaxSize) [logical_group: MinSize, category: Physical],
-  "max-width": MaxWidth(MinMaxSize) [logical_group: MaxSize, category: Physical],
-  "max-height": MaxHeight(MinMaxSize) [logical_group: MaxSize, category: Physical],
+  "min-width": MinWidth(Size) [logical_group: MinSize, category: Physical],
+  "min-height": MinHeight(Size) [logical_group: MinSize, category: Physical],
+  "max-width": MaxWidth(MaxSize) [logical_group: MaxSize, category: Physical],
+  "max-height": MaxHeight(MaxSize) [logical_group: MaxSize, category: Physical],
   "block-size": BlockSize(Size) [logical_group: Size, category: Logical],
   "inline-size": InlineSize(Size) [logical_group: Size, category: Logical],
-  "min-block-size": MinBlockSize(MinMaxSize) [logical_group: MinSize, category: Logical],
-  "min-inline-size": MinInlineSize(MinMaxSize) [logical_group: MinSize, category: Logical],
-  "max-block-size": MaxBlockSize(MinMaxSize) [logical_group: MaxSize, category: Logical],
-  "max-inline-size": MaxInlineSize(MinMaxSize) [logical_group: MaxSize, category: Logical],
+  "min-block-size": MinBlockSize(Size) [logical_group: MinSize, category: Logical],
+  "min-inline-size": MinInlineSize(Size) [logical_group: MinSize, category: Logical],
+  "max-block-size": MaxBlockSize(MaxSize) [logical_group: MaxSize, category: Logical],
+  "max-inline-size": MaxInlineSize(MaxSize) [logical_group: MaxSize, category: Logical],
   "box-sizing": BoxSizing(BoxSizing, VendorPrefix) / WebKit / Moz,
 
   "overflow": Overflow(Overflow) shorthand: true,