summaryrefslogtreecommitdiff
path: root/examples/syntax-ideas.css
diff options
context:
space:
mode:
authorAkshay Nair <phenax5@gmail.com>2023-08-11 19:25:17 +0530
committerAkshay Nair <phenax5@gmail.com>2023-08-11 19:25:17 +0530
commit6aec6197fbd916c2930813b46b07e726803993f0 (patch)
tree2166acaa80cc3ae358b4abb4e20d51546f2438af /examples/syntax-ideas.css
parent952256ae8bf5514a246db8f33bef207f5747b138 (diff)
downloadcss-everything-6aec6197fbd916c2930813b46b07e726803993f0.tar.gz
css-everything-6aec6197fbd916c2930813b46b07e726803993f0.zip
refactor: minor refactor
Diffstat (limited to 'examples/syntax-ideas.css')
-rw-r--r--examples/syntax-ideas.css16
1 files changed, 16 insertions, 0 deletions
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")');
+}