examples/syntax-ideas.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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")');
}