From 4710e9c8a168d35baad84d7d7e01c6f1e465a973 Mon Sep 17 00:00:00 2001
From: Chase Fleming <1666730+chasefleming@users.noreply.github.com>
Date: Sun, 3 Mar 2024 13:55:37 -0800
Subject: [PATCH 1/3] Move `styles.CSS` to `elem.CSS`

---
 elements.go      |  5 +++++
 styles/README.md |  2 +-
 styles/styles.go | 20 --------------------
 3 files changed, 6 insertions(+), 21 deletions(-)

diff --git a/elements.go b/elements.go
index cfd255c..ad00aa0 100644
--- a/elements.go
+++ b/elements.go
@@ -520,3 +520,8 @@ func None() NoneNode {
 func Raw(html string) RawNode {
 	return RawNode(html)
 }
+
+// CSS takes css content and returns a TextNode.
+func CSS(content string) TextNode {
+	return TextNode(content)
+}
diff --git a/styles/README.md b/styles/README.md
index a997384..7069fa3 100644
--- a/styles/README.md
+++ b/styles/README.md
@@ -108,7 +108,7 @@ These functions facilitate the embedding of CSS into HTML documents, particularl
 cssContent := `/* ... */`
 
 // Creating a <style> tag
-styleTag := elem.Style(nil, styles.CSS(cssContent))
+styleTag := elem.Style(nil, elem.CSS(cssContent))
 
 // Incorporating the <style> tag in an HTML document
 document := elem.Html(nil, elem.Head(nil, styleTag), /* ... */)
diff --git a/styles/styles.go b/styles/styles.go
index 798b99e..e7633a5 100644
--- a/styles/styles.go
+++ b/styles/styles.go
@@ -3,8 +3,6 @@ package styles
 import (
 	"sort"
 	"strings"
-
-	"github.com/chasefleming/elem-go"
 )
 
 // Props is a map of CSS properties
@@ -35,21 +33,3 @@ func (p Props) ToInline() string {
 
 	return styleStr
 }
-
-// CSSNode is a Node that renders to a CSS string
-type CSSNode string
-
-// RenderTo satisfies part of the Node interface by allowing CSSNode to be written to a strings.Builder
-func (cn CSSNode) RenderTo(builder *strings.Builder, opts elem.RenderOptions) {
-	builder.WriteString(string(cn))
-}
-
-// Render satisfies part of the Node interface by returning the CSS as a string
-func (cn CSSNode) Render() string {
-	return string(cn)
-}
-
-// CSS creates a new CSSNode from the given CSS content string
-func CSS(content string) CSSNode {
-	return CSSNode(content)
-}

From 17366feed56af2492a1b28e2ea2fa9191cf67057 Mon Sep 17 00:00:00 2001
From: Chase Fleming <1666730+chasefleming@users.noreply.github.com>
Date: Sun, 3 Mar 2024 13:57:56 -0800
Subject: [PATCH 2/3] Move CSS test

---
 elements_test.go      | 7 +++++++
 styles/styles_test.go | 8 --------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/elements_test.go b/elements_test.go
index 6a34c1b..bea15c7 100644
--- a/elements_test.go
+++ b/elements_test.go
@@ -674,3 +674,10 @@ func TestRaw(t *testing.T) {
 
 	assert.Equal(t, expected, el.Render())
 }
+
+func TestCSS(t *testing.T) {
+	cssContent := `.test-class {color: #333;}`
+	expected := `.test-class {color: #333;}`
+	el := CSS(cssContent)
+	assert.Equal(t, expected, el.Render())
+}
diff --git a/styles/styles_test.go b/styles/styles_test.go
index de5b313..40cdd24 100644
--- a/styles/styles_test.go
+++ b/styles/styles_test.go
@@ -6,13 +6,6 @@ import (
 	"github.com/stretchr/testify/assert"
 )
 
-func TestCSS(t *testing.T) {
-	cssContent := `.test-class {color: #333;}`
-	expected := `.test-class {color: #333;}`
-	el := CSS(cssContent)
-	assert.Equal(t, expected, el.Render())
-}
-
 func TestStyleToInline(t *testing.T) {
 	style := Props{
 		BackgroundColor: "blue",
@@ -44,4 +37,3 @@ func TestStyleString_UnorderedKeys(t *testing.T) {
 	}
 	assert.Equal(t, "background-color: blue; color: white; font-size: 16px; outline-style: solid;", style.ToInline())
 }
-

From 728826e3a54c17a9283397f0c77fedab20349709 Mon Sep 17 00:00:00 2001
From: Chase Fleming <1666730+chasefleming@users.noreply.github.com>
Date: Sun, 3 Mar 2024 14:30:40 -0800
Subject: [PATCH 3/3] Change TextNode to CSS in test

---
 elements_test.go | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/elements_test.go b/elements_test.go
index bea15c7..75da184 100644
--- a/elements_test.go
+++ b/elements_test.go
@@ -321,7 +321,7 @@ func TestScript(t *testing.T) {
 func TestStyle(t *testing.T) {
 	expected := `<style type="text/css">.test-class {color: #333;}</style>`
 	cssContent := `.test-class {color: #333;}`
-	el := Style(attrs.Props{attrs.Type: "text/css"}, TextNode(cssContent))
+	el := Style(attrs.Props{attrs.Type: "text/css"}, CSS(cssContent))
 	assert.Equal(t, expected, el.Render())
 }