From 2d0b37b5304ac7eec8dd574722942f22446fface Mon Sep 17 00:00:00 2001 From: Akshay Nair Date: Fri, 18 Aug 2023 13:23:02 +0530 Subject: docs: readme --- README.md | 21 +++++++++------------ 1 file changed, 9 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 757ced8..74129fd 100644 --- a/README.md +++ b/README.md @@ -38,31 +38,28 @@ You can start by adding the script tag for the renderer inside the body } #main-el { - --text: "Loading..."; + --text: ""; } #main-el::after { content: var(--text); } #my-button { - --cssx-text: 'Update text'; + --cssx-text: "Click me"; /* On click, waits for 1 second and then updates the --text property #main-el */ - --cssx-on-click: - delay(1s) - update(main-el, --text, "Hello world. Set text!"); + --cssx-on-click: update(main-el, --text, "Loading...") delay(1s) + update(main-el, --text, "Hello world!"); } ``` [Here's the code in action](https://codepen.io/phenax/pen/gOZOLgR?editors=1100) -Wow. You couldn't come up with a more boring example if you tried. - -[Here's a todo example then](https://codepen.io/phenax/pen/QWzWGaV?editors=1100) - -[Here's a simple time example](https://codepen.io/phenax/pen/KKbKNeb?editors=1100) - -[More in the examples directory](https://github.com/phenax/css-everything/tree/main/examples) +> "Wow. You couldn't come up with a more boring example if you tried." +Alright. You don't have to be mean about it. +- [Here's a todo example](https://codepen.io/phenax/pen/QWzWGaV?editors=1100) +- [Here's a simple date example](https://codepen.io/phenax/pen/KKbKNeb?editors=1100) +- [More in the examples directory](https://github.com/phenax/css-everything/tree/main/examples) --- -- cgit v1.3.1