diff options
| author | Akshay Nair <phenax5@gmail.com> | 2023-08-18 11:25:07 +0530 |
|---|---|---|
| committer | Akshay Nair <phenax5@gmail.com> | 2023-08-18 11:25:10 +0530 |
| commit | 5531e4f4d045125c55fc0be157dafb55c560ca49 (patch) | |
| tree | 52fe1a66b5755e73d2b946fd9ed927c66b1a5ada /examples/counter | |
| parent | 18a60b5f53cdff3f2b9c8cecd3f34cadc6f08865 (diff) | |
| download | css-everything-5531e4f4d045125c55fc0be157dafb55c560ca49.tar.gz css-everything-5531e4f4d045125c55fc0be157dafb55c560ca49.zip | |
feat: adds on focus and blur events + todo-list is feature complete
Diffstat (limited to 'examples/counter')
| -rw-r--r-- | examples/counter/index.html | 11 | ||||
| -rw-r--r-- | examples/counter/style.css | 25 |
2 files changed, 0 insertions, 36 deletions
diff --git a/examples/counter/index.html b/examples/counter/index.html deleted file mode 100644 index 367aa63..0000000 --- a/examples/counter/index.html +++ /dev/null @@ -1,11 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <title>Counter example</title> - <meta charset="UTF-8" /> - <link href="./style.css" rel="stylesheet" /> - </head> - <body> - <script async defer src="../../dist/renderer/index.js"></script> - </body> -</html> diff --git a/examples/counter/style.css b/examples/counter/style.css deleted file mode 100644 index b193f23..0000000 --- a/examples/counter/style.css +++ /dev/null @@ -1,25 +0,0 @@ -body { - --cssx-children: container todo-container; -} - -#container { - --cssx-children: counter btn-increment; - --count: '0'; -} - -#counter { -} -#counter::before { - content: 'Count: ' var(--count); -} - -#btn-increment { - display: inline-block; - padding: 0.5rem 1rem; - border: 1px solid gray; - - --cssx-on-click: update(container, --count, calc(var(--count) + 1)); -} -#btn-increment::after { - content: 'Increment'; -} |