refactor: minor refactor

2 files changed, 17 insertions, 1 deletions

diff --git a/examples/api/style.css b/examples/api/style.css
index 81eada1..c948f59 100644
--- a/examples/api/style.css
+++ b/examples/api/style.css
@@ -15,7 +15,7 @@ body {
     load-cssx(output-container-content, './content.css')
     remove-class(output-container, 'loading')
     remove-class(load-btn, 'loading')
-    delay('50')
+    delay(0.7s)
     js-eval('alert("Loaded page")')
   ;
 }
diff --git a/examples/syntax-ideas.css b/examples/syntax-ideas.css
new file mode 100644
index 0000000..08ed310
--- /dev/null
+++ b/examples/syntax-ideas.css
@@ -0,0 +1,16 @@
+
+body {
+  --cssx-children: element-1 element-2 element-3;
+}
+
+#element-1 {
+  --cssx-on-click: js-eval('alert("clicked")');
+}
+#element-2 {
+  --from-variable: "is here";
+}
+#element-2::after { content: "My content: " var(--from-variable); }
+
+#element-3 {
+  --cssx-on-click: js-eval('alert("clicked")');
+}