diff options
| author | Akshay Nair <phenax5@gmail.com> | 2023-08-11 21:40:54 +0530 |
|---|---|---|
| committer | Akshay Nair <phenax5@gmail.com> | 2023-08-11 21:50:20 +0530 |
| commit | 845d503bb16cb5046a4fec6d046b7b527a080187 (patch) | |
| tree | a9f8fdf4510ad4d61e8d105065be9071946e2bdf /examples/form/signup.css | |
| parent | 5a9942fde65787b35d4eb8e3441af6fe68819612 (diff) | |
| download | css-everything-845d503bb16cb5046a4fec6d046b7b527a080187.tar.gz css-everything-845d503bb16cb5046a4fec6d046b7b527a080187.zip | |
chore: adds prettier
Diffstat (limited to 'examples/form/signup.css')
| -rw-r--r-- | examples/form/signup.css | 42 |
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'; +} |
