1 files changed, 18 insertions, 24 deletions

diff --git a/examples/form/signup.css b/examples/form/signup.css
index 96b9ac1..1a5f3ff 100644
--- a/examples/form/signup.css
+++ b/examples/form/signup.css
@@ -1,11 +1,10 @@
-
 #signup-page-content {
   border: 1px solid #888;
   padding: 1rem;
   max-width: 700px;
   margin: 1rem auto;
 
-  --cssx-disgustingly-set-innerhtml: <h1 class="form-title">Sign-<b>Up</b></h1>;
+  --cssx-disgustingly-set-innerhtml: "<h1 class= 'form-title'>Sign-<b>Up</b></h1>";
 
   --cssx-children: form#form;
   --count: '0';
@@ -19,29 +18,26 @@
   color: gray;
 }
 .form-title b {
-  font-weight: bold; color: black;
+  font-weight: bold;
+  color: black;
 }
 
 #form {
   display: block;
 
-  --cssx-on-submit:
-    prevent-default()
-    add-class(form, 'submitting')
-    request('/examples/')
-    remove-class(form, 'submitting')
-    add-class(form, 'submitted')
-  ;
+  --cssx-on-submit: prevent-default() add-class(form, 'submitting')
+    request('/examples/') remove-class(form, 'submitting')
+    add-class(form, 'submitted');
 
   --cssx-children: input#input-email input#input-password actions #message;
 }
 #form.submitted #message::after {
   display: block;
-  content: "Form submitted successfully";
+  content: 'Form submitted successfully';
 }
 #form.submitting #submit-btn {
   pointer-events: none;
-  opacity: .5;
+  opacity: 0.5;
 }
 
 #form input {
@@ -52,21 +48,18 @@
 }
 
 #input-email {
-  --cssx-on-mount:
-    set-attr('type', 'email')
-    set-attr('name', 'email')
+  --cssx-on-mount: set-attr('type', 'email') set-attr('name', 'email')
     set-attr('required', 'true')
-    set-attr('placeholder', 'Email. Eg:- mail@postbox.com')
-  ;
+    set-attr('placeholder', 'Email. Eg:- mail@postbox.com');
 }
 
 #input-password {
-  --cssx-on-mount:
-    set-attr('type', 'password')
-    set-attr('name', 'password')
+  --cssx-on-mount: set-attr('type', 'password') set-attr('name', 'password')
     set-attr('required', 'true')
-    set-attr('placeholder', 'Password. Eg:- password, password1, password2, password123')
-  ;
+    set-attr(
+      'placeholder',
+      'Password. Eg:- password, password1, password2, password123'
+    );
 }
 
 #actions {
@@ -79,5 +72,6 @@
   padding: 0.4rem 0.7rem;
   --cssx-on-mount: set-attr('type', 'submit');
 }
-#submit-btn::after { content: "Sign-Up"; }
-
+#submit-btn::after {
+  content: 'Sign-Up';
+}