image

Author: devongovett

src/lib.rs

@@ -9,6 +9,7 @@ extern crate selectors;
 mod parser;
 mod media_query;
 mod properties;
+mod values;
 
 use napi::{CallContext, JsObject, JsUndefined};
 use serde::{Deserialize, Serialize};

src/properties/mod.rs

@@ -2,10 +2,12 @@ mod custom;
 
 use cssparser::*;
 use custom::*;
+use crate::values::{image::*};
 
 #[derive(Debug)]
 pub enum Property {
   BackgroundColor(Color),
+  BackgroundImage(Vec<Image>),
   Color(Color),
   Custom(CustomProperty)
 }
@@ -18,11 +20,17 @@ impl Property {
           return Ok(Property::$property(c))
         }
       };
-    }    
+      ($property: ident, $type: ident, $multi: expr) => {
+        if let Ok(c) = input.parse_comma_separated(|input| $type::parse(input)) {
+          return Ok(Property::$property(c))
+        }
+      }
+    }
 
     let state = input.state();
     match name.as_ref() {
       "background-color" => property!(BackgroundColor, Color),
+      "background-image" => property!(BackgroundImage, Image, true),
       "color" => property!(Color, Color),
       _ => {}
     }

src/values/image.rs

@@ -0,0 +1,21 @@
+use cssparser::*;
+
+#[derive(Debug)]
+pub enum Image {
+  None,
+  Url(String)
+}
+
+impl Image {
+  pub fn parse<'i, 't>(input: &mut Parser<'i, 't>) -> Result<Self, ParseError<'i, ()>> {
+    if input.try_parse(|i| i.expect_ident_matching("none")).is_ok() {
+      return Ok(Image::None)
+    }
+    
+    if let Ok(url) = input.try_parse(|input| input.expect_url()) {
+      return Ok(Image::Url(url.as_ref().into()))
+    }
+
+    Err(input.new_error_for_next_token())
+  }
+}

src/values/mod.rs

@@ -0,0 +1 @@
+pub mod image;

test.js

@@ -8,7 +8,7 @@ css.transform({
 
 .foo + .bar:not(.baz) {
   background-color: blue;
-  // background: url(img.png), url('test.jpg');
+  background-image: url(img.png), url('test.jpg');
   color: blue;
 }