diff options
Diffstat (limited to 'examples/form/style.css')
| -rw-r--r-- | examples/form/style.css | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/examples/form/style.css b/examples/form/style.css index b79f265..113ab81 100644 --- a/examples/form/style.css +++ b/examples/form/style.css @@ -8,22 +8,25 @@ body * { #signup-btn { display: inline-block; background: #5180e9; - color: #000; + color: #fff; + border: none; + outline: none; padding: 0.5rem 1rem; cursor: pointer; --cssx-on-mount: set-attr('type', 'button'); - --cssx-on-click: - add-class(signup-page, 'loading') - add-class(signup-btn, 'loading') - delay(0.5s) + --cssx-on-click: add-class(signup-page, 'loading') + add-class(signup-btn, 'loading') delay(0.5s) load-cssx(signup-page-content, './signup.css') - remove-class(signup-page, 'loading') - remove-class(signup-btn, 'loading') - ; + remove-class(signup-page, 'loading') remove-class(signup-btn, 'loading'); +} +#signup-btn::after { + content: 'Register now to start your free trail for $99'; +} +#signup-btn:hover { + opacity: 0.8; } -#signup-btn::after { content: "Register now to start your free trail for $99"; } #signup-btn.loading { pointer-events: none; opacity: 0.4; @@ -33,6 +36,5 @@ body * { --cssx-children: signup-page-content; } #signup-page.loading::after { - content: "Loading..."; + content: 'Loading...'; } - |