diff options
author | Ilion Beyst <ilion.beyst@gmail.com> | 2022-03-19 21:33:52 +0100 |
---|---|---|
committer | Ilion Beyst <ilion.beyst@gmail.com> | 2022-03-19 21:33:52 +0100 |
commit | 579f16fc51c6a8b5ff34b1afee8c2518b05e22d3 (patch) | |
tree | 982abd6a220234e50f5a255c5c3d901e6ace0b07 /web/pw-server/src/styles | |
parent | e4e581b3462debeada522e8f034189e01785421c (diff) | |
download | planetwars.dev-579f16fc51c6a8b5ff34b1afee8c2518b05e22d3.tar.xz planetwars.dev-579f16fc51c6a8b5ff34b1afee8c2518b05e22d3.zip |
create common styles for account forms
Diffstat (limited to 'web/pw-server/src/styles')
-rw-r--r-- | web/pw-server/src/styles/account_forms.scss | 52 | ||||
-rw-r--r-- | web/pw-server/src/styles/variables.scss | 1 |
2 files changed, 53 insertions, 0 deletions
diff --git a/web/pw-server/src/styles/account_forms.scss b/web/pw-server/src/styles/account_forms.scss new file mode 100644 index 0000000..36cc96b --- /dev/null +++ b/web/pw-server/src/styles/account_forms.scss @@ -0,0 +1,52 @@ +.page-card { + margin: 50px auto; + width: 40%; + max-width: 600px; + border: 1px solid #b5b5b5; + box-sizing: border-box; + border-radius: 0px; +} + +.page-card-content { + margin: 20px 50px; +} + +.page-card-header { + padding-top: 0.5em; + padding-bottom: 1em; + text-align: center; +} + +.account-form { + box-sizing: border-box; + display: flex; + flex-direction: column; + font-size: 18px; +} + +.account-form label { + margin: 10px 5px; + font-weight: 500; +} + +.account-form input { + margin: 10px 5px; + font-size: 1rem; + // height: 2.5em; + display: block; + border-radius: 4px; + border: 1px solid #b5b5b5; + padding: 0.75rem 1rem; +} + +.account-form button { + background-color: lightgreen; + padding: 8px 16px; + border-radius: 8px; + border: 0; + font-size: 18pt; + display: block; + margin: 10px auto; + margin-top: 16px; + cursor: pointer; +} diff --git a/web/pw-server/src/styles/variables.scss b/web/pw-server/src/styles/variables.scss new file mode 100644 index 0000000..257a67e --- /dev/null +++ b/web/pw-server/src/styles/variables.scss @@ -0,0 +1 @@ +$bg-color: rgb(41, 41, 41); |