summaryrefslogtreecommitdiff
path: root/scss/modules/form.md.scss
diff options
context:
space:
mode:
authorJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-12-21 21:22:47 +0000
committerJoe Carstairs <jcarstairs@scottlogic.com>2024-01-29 10:46:46 +0000
commit2d0634cdc3d00b3e55cf773ff03c7dc841112d36 (patch)
tree424f0b9ce2907e3d58336a2b25233bf0f9bead9d /scss/modules/form.md.scss
parentf44b2a82b74337c6424c576fdbf4c1376166e553 (diff)
33 / Users can sign up and log in with WebAuthn (#39)
* Installs @vercel/postgres * Installs @simplewebauthn/server * Installs @simplewebauthn/browser * Git-ignores all files starting with .env * Reorganises folders in API * Defines User type * Defines Subscription type * Defines Authenticator type * Sets up table definition file * Can get user from database * Can add user to database * Can get user's current challenge * Can set user's current challenge * Can get user's authenticators from database * Can get authenticator by ID from database * Can add user authenticator to database * Can update authenticator in database * Defines Relying Party information * Can generate registration options * Can verify registration response * Defines registration API endpoint * Defines user API endpoint * Reorganises API functions on frontend * Can access authentication API functions on frontend * Can generate authentication options * Can verify authentication response * Documents the registration flow * Fix dev_csso * Form styling * WIP adds sign up page
Diffstat (limited to 'scss/modules/form.md.scss')
-rw-r--r--scss/modules/form.md.scss23
1 files changed, 23 insertions, 0 deletions
diff --git a/scss/modules/form.md.scss b/scss/modules/form.md.scss
new file mode 100644
index 0000000..7b44307
--- /dev/null
+++ b/scss/modules/form.md.scss
@@ -0,0 +1,23 @@
+form {
+ display: grid;
+ grid-template-columns: repeat(var(--grid-column-count), 1fr);
+ gap: var(--grid-gutter-width);
+}
+
+label {
+ grid-column: 1 / 2;
+}
+
+input {
+ width: unset;
+ grid-column: 2 / var(--grid-prose-column-count);
+}
+
+:is(input + label, :is(button, [type=submit])) {
+ margin-block-start: 0;
+}
+
+:is(button, [type=submit]) {
+ width: unset;
+ grid-column: calc(var(--grid-prose-column-count) - 2) / var(--grid-prose-column-count);
+}