examples/syntax-ideas.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

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")');
}