web/core: Parse "justify-self" property

crates/web/core/identifiers.json

@@ -18,6 +18,7 @@
     "b",
     "background-color",
     "base",
+    "baseline",
     "basefont",
     "before",
     "beige",
@@ -129,6 +130,7 @@
     "figcaption",
     "figure",
     "firebrick",
+    "first",
     "first-letter",
     "first-line",
     "fixed",
@@ -193,10 +195,12 @@
     "inset",
     "is",
     "ivory",
+    "justify-self",
     "keygen",
     "khaki",
     "large",
     "larger",
+    "last",
     "lavender",
     "lavenderblush",
     "lawngreen",
@@ -271,6 +275,7 @@
     "noembed",
     "noframes",
     "none",
+    "normal",
     "noscript",
     "object",
     "ol",
@@ -354,6 +359,7 @@
     "static",
     "steelblue",
     "sticky",
+    "stretch",
     "strike",
     "strong",
     "style",

crates/web/core/properties.json

@@ -98,6 +98,13 @@
         "value": "AutoOr<PercentageOr<Length>>",
         "initial": "AutoOr::Auto"
     },
+    {
+        "name": "justify-self",
+        "specification": "https://drafts.csswg.org/css-align-3/#propdef-justify-self",
+        "inherited": false,
+        "value": "AutoOr<JustifySelf>",
+        "initial": "AutoOr::Auto"
+    },
     {
         "name": "left",
         "specification": "https://drafts.csswg.org/css-position/#propdef-left",

crates/web/core/src/css/values/alignment.rs

@@ -0,0 +1,47 @@
+use crate::{
+    css::{self, CSSParse},
+    static_interned,
+};
+
+/// <https://drafts.csswg.org/css-align-3/#propdef-justify-self>
+#[derive(Clone, Copy, Debug, PartialEq, Eq)]
+pub enum JustifySelf {
+    /// <https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal>
+    Normal,
+
+    /// <https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch>
+    Stretch,
+
+    /// <https://drafts.csswg.org/css-align-3/#valdef-justify-self-first-baseline>
+    FirstBaseline,
+
+    /// <https://drafts.csswg.org/css-align-3/#valdef-justify-self-last-baseline>
+    LastBaseline,
+    // FIXME: There are more values here
+}
+
+impl<'a> CSSParse<'a> for JustifySelf {
+    fn parse(parser: &mut css::Parser<'a>) -> Result<Self, css::ParseError> {
+        let justify_self = match parser.expect_identifier()? {
+            static_interned!("normal") => Self::Normal,
+            static_interned!("stretch") => Self::Stretch,
+            static_interned!("first") => {
+                parser.skip_whitespace();
+                let static_interned!("baseline") = parser.expect_identifier()? else {
+                    return Err(css::ParseError);
+                };
+                Self::FirstBaseline
+            },
+            static_interned!("last") => {
+                parser.skip_whitespace();
+                let static_interned!("baseline") = parser.expect_identifier()? else {
+                    return Err(css::ParseError);
+                };
+                Self::LastBaseline
+            },
+            _ => return Err(css::ParseError),
+        };
+
+        Ok(justify_self)
+    }
+}

crates/web/core/src/css/values/mod.rs

@@ -1,3 +1,4 @@
+mod alignment;
 mod auto;
 mod background_color;
 mod border;
@@ -11,6 +12,7 @@ mod number;
 mod percentage;
 mod position;
 
+pub use alignment::JustifySelf;
 pub use auto::AutoOr;
 pub use background_color::BackgroundColor;
 pub use border::{Border, LineStyle, LineWidth};