From ef94f0338789067a9bba166daa31939fa2a5753d Mon Sep 17 00:00:00 2001
From: Chase Fleming <1666730+chasefleming@users.noreply.github.com>
Date: Tue, 17 Sep 2024 19:27:53 -0700
Subject: [PATCH] Add a pseudo elements example

---
 examples/stylemanager-demo/main.go | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/examples/stylemanager-demo/main.go b/examples/stylemanager-demo/main.go
index b49d7b0..1f7f364 100644
--- a/examples/stylemanager-demo/main.go
+++ b/examples/stylemanager-demo/main.go
@@ -58,11 +58,41 @@ func generateWebContent() string {
 		},
 	})
 
+	pseudoElementClass := styleMgr.AddCompositeStyle(styles.CompositeStyle{
+		Default: styles.Props{
+			styles.Color:           "black",
+			styles.BackgroundColor: "white",
+			styles.Padding:         "10px",
+			styles.Margin:          "10px",
+			styles.Border:          "1px solid gray",
+			styles.Position:        "relative",
+		},
+		PseudoElements: map[string]styles.Props{
+			styles.PseudoBefore: {
+				styles.Content:    `"Before "`,
+				styles.Color:      "red",
+				styles.FontWeight: "bold",
+				styles.Position:   "absolute",
+				styles.Left:       "10px",
+				styles.Top:        "-20px",
+			},
+			styles.PseudoAfter: {
+				styles.Content:    `" After"`,
+				styles.Color:      "blue",
+				styles.FontWeight: "bold",
+				styles.Position:   "absolute",
+				styles.Right:      "10px",
+				styles.Bottom:     "-20px",
+			},
+		},
+	})
+
 	// Composing the page
 	pageContent := elem.Div(nil,
 		elem.Button(attrs.Props{attrs.Class: buttonClass}, elem.Text("Hover Over Me")),
 		elem.Div(attrs.Props{attrs.Class: animatedClass}, elem.Text("I animate!")),
 		elem.Div(attrs.Props{attrs.Class: responsiveClass}, elem.Text("Resize the window")),
+		elem.Div(attrs.Props{attrs.Class: pseudoElementClass}, elem.Text("I have pseudo-elements")),
 	)
 
 	// Render with StyleManager