diff options
Diffstat (limited to '')
| -rw-r--r-- | examples/api/style.css | 2 | ||||
| -rw-r--r-- | examples/syntax-ideas.css | 16 |
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")'); +} |