diff options
| author | Akshay Nair <phenax5@gmail.com> | 2023-08-18 13:15:01 +0530 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-08-18 13:15:01 +0530 |
| commit | 0dbaa0da20470c87f91d40577b117f5c6c5971ef (patch) | |
| tree | 47dfd17699623e02d004b9e246ea6a4ccc07e6b0 | |
| parent | bcf8618b3b1eb2ac80ccff6956b968db0f25d22a (diff) | |
| download | css-everything-0dbaa0da20470c87f91d40577b117f5c6c5971ef.tar.gz css-everything-0dbaa0da20470c87f91d40577b117f5c6c5971ef.zip | |
Update README.md
| -rw-r--r-- | README.md | 10 |
1 files changed, 6 insertions, 4 deletions
@@ -1,4 +1,4 @@ -# cssx +# css-everything A ui library where you only write CSS. No HTML, no JS, no build system, only CSS (kinda). > Disclaimer: Don't use this @@ -19,11 +19,11 @@ You can start by adding the script tag for the renderer inside the body </html> ``` -NOTE: The HTML needs to have a body element since that is the root of your application by default. +**NOTE:** The HTML needs to have a body element since that is the root of your application by default. -NOTE_new: Styles need to be loaded before the renderer is triggered. +**NOTE_new:** Styles need to be loaded before the renderer is triggered. -NOTE_new_final: You can load more cssx by using the `load-cssx()` function +**NOTE_new_final:** You can load more cssx by using the `load-cssx()` function #### A simple style.css This generates 2 elements (`main` and `button`) @@ -55,6 +55,8 @@ 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) |