Fix inline-flex

Author: devongovett

src/lib.rs

@@ -3337,6 +3337,10 @@ mod tests {
       ".foo { display: flex; display: grid }",
       ".foo{display:grid}"
     );
+    minify_test(
+      ".foo { display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex }",
+      ".foo{display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}"
+    );
     prefix_test(
       ".foo{ display: flex }",
       indoc! {r#"
@@ -3427,5 +3431,42 @@ mod tests {
         ..Browsers::default()
       }
     );
+    prefix_test(
+      ".foo{ display: inline-flex }",
+      indoc! {r#"
+      .foo {
+        display: -webkit-inline-box;
+        display: -moz-inline-box;
+        display: -webkit-inline-flex;
+        display: -ms-inline-flexbox;
+        display: inline-flex;
+      }
+      "#},
+      Browsers {
+        safari: Some(4 << 16),
+        firefox: Some(14 << 16),
+        ie: Some(10 << 16),
+        ..Browsers::default()
+      }
+    );
+    prefix_test(r#"
+      .foo {
+        display: -webkit-inline-box;
+        display: -moz-inline-box;
+        display: -webkit-inline-flex;
+        display: -ms-inline-flexbox;
+        display: inline-flex;
+      }
+      "#,
+      indoc! {r#"
+      .foo {
+        display: inline-flex;
+      }
+      "#},
+      Browsers {
+        safari: Some(14 << 16),
+        ..Browsers::default()
+      }
+    );
   }
 }

src/properties/display.rs

@@ -166,6 +166,16 @@ impl Parse for DisplayPair {
         inside: DisplayInside::Flex(VendorPrefix::Ms),
         is_list_item: false
       }),
+      "-webkit-inline-box" => Ok(DisplayPair {
+        outside: DisplayOutside::Inline,
+        inside: DisplayInside::Box(VendorPrefix::WebKit),
+        is_list_item: false
+      }),
+      "-moz-inline-box" => Ok(DisplayPair {
+        outside: DisplayOutside::Inline,
+        inside: DisplayInside::Box(VendorPrefix::Moz),
+        is_list_item: false
+      }),
       "inline-grid" => Ok(DisplayPair {
         outside: DisplayOutside::Inline,
         inside: DisplayInside::Grid,
@@ -191,6 +201,10 @@ impl ToCss for DisplayPair {
           dest.write_str("inline-flex")
         }
       },
+      DisplayPair { outside: DisplayOutside::Inline, inside: DisplayInside::Box(prefix), is_list_item: false } => {
+        prefix.to_css(dest)?;
+        dest.write_str("inline-box")
+      },
       DisplayPair { outside: DisplayOutside::Inline, inside: DisplayInside::Grid, is_list_item: false } => dest.write_str("inline-grid"),
       DisplayPair { outside, inside, is_list_item } => {
         let default_outside = match inside {