Allow for additional CSS rules

ccouzens · ccouzens · commit a639ad6cc95d · 2023-08-12T12:58:12.000+01:00
To do things like use @font-face to load fonts
diff --git a/example-figma-files/gov-uk-design-system-components/button.html b/example-figma-files/gov-uk-design-system-components/button.html
@@ -3,6 +3,7 @@
   ><head
     ><meta charset="utf-8" /><title>Button</title
     ><style type="text/css">
+
       body {
         --Text-Primary: #0b0c0c;
         --Focus-Default: #fd0;
diff --git a/example-figma-files/gov-uk-design-system-components/cookie-banner.html b/example-figma-files/gov-uk-design-system-components/cookie-banner.html
@@ -3,6 +3,7 @@
   ><head
     ><meta charset="utf-8" /><title>Cookie banner</title
     ><style type="text/css">
+
       body {
         --Text-Primary: #0b0c0c;
         --Link-Default: #1d70b8;
diff --git a/example-figma-files/gov-uk-design-system-components/footer.html b/example-figma-files/gov-uk-design-system-components/footer.html
@@ -3,6 +3,7 @@
   ><head
     ><meta charset="utf-8" /><title>Footer</title
     ><style type="text/css">
+
       body {
         --Text-Primary: #0b0c0c;
         --Text-Secondary: #505a5f;
diff --git a/example-figma-files/gov-uk-design-system-components/get-started-page.html b/example-figma-files/gov-uk-design-system-components/get-started-page.html
@@ -3,6 +3,7 @@
   ><head
     ><meta charset="utf-8" /><title>👋 Getting Started</title
     ><style type="text/css">
+
       body {
         --Text-Primary: #0b0c0c;
         --Text-Secondary: #505a5f;
diff --git a/example-figma-files/gov-uk-design-system-components/header.html b/example-figma-files/gov-uk-design-system-components/header.html
@@ -3,6 +3,7 @@
   ><head
     ><meta charset="utf-8" /><title>Header</title
     ><style type="text/css">
+
       body {
         --Text-Primary: #0b0c0c;
         --Desktop-Heading-Medium: 700 24px / 30px "GDS Transport Website",arial,sans-serif;
diff --git a/example-figma-files/gov-uk-design-system-components/tag.html b/example-figma-files/gov-uk-design-system-components/tag.html
@@ -3,6 +3,7 @@
   ><head
     ><meta charset="utf-8" /><title>Tag</title
     ><style type="text/css">
+
       body {
         --Background: #fff;
         --Other-Blue: #1d70b8;
diff --git a/figma-html/src/lib.rs b/figma-html/src/lib.rs
@@ -56,6 +56,7 @@ pub fn intermediate_node_to_html_writer(
     writer: &mut impl Write,
     node: &IntermediateNode,
     css_variables: &CSSVariablesMap,
+    additional_css_rules: &str,
 ) -> Result<(), std::io::Error> {
     let mut naive_css = "margin: 0;".to_string();
     for v in css_variables.values() {
@@ -76,6 +77,7 @@ pub fn intermediate_node_to_html_writer(
   ><head
     ><meta charset="utf-8" /><title>{}</title
     ><style type="text/css">
+{additional_css_rules}
       body {{{}}}
     </style></head
   ><body
diff --git a/src/to_html/mod.rs b/src/to_html/mod.rs
@@ -25,6 +25,6 @@ pub fn main(
         || mutator::elevate_frame_appearance_properties(&mut node, &mut css_variables)
     {}
 
-    intermediate_node_to_html_writer(stdout, &node, &css_variables)
+    intermediate_node_to_html_writer(stdout, &node, &css_variables, "")
         .context("Failed to write HTML to stdout")
 }

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,6 @@ pub fn main(`
`25`	`25`	`\|\| mutator::elevate_frame_appearance_properties(&mut node, &mut css_variables)`
`26`	`26`	`{}`
`27`	`27`
`28`		`- intermediate_node_to_html_writer(stdout, &node, &css_variables)`
	`28`	`+ intermediate_node_to_html_writer(stdout, &node, &css_variables, "")`
`29`	`29`	`.context("Failed to write HTML to stdout")`
`30`	`30`	`}`