bloodwiing/EchoForum
bloodwiing/EchoForum
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add: Better Base styling

Browse Source
This commit is contained in:
Donatas Kirda 2024-05-16 10:04:16 +03:00
parent 95fb759735
commit 58d7f6ca1f
Signed by: bloodwiing
GPG Key ID: 63020D8D3F4A164F
2 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/base.scss
View File

@ -3,6 +3,7 @@
--background: #111118; --background: #111118;
--accent-light: #9e8afa;
--accent: #846bf7; --accent: #846bf7;
--accent-dim: #846bf760; --accent-dim: #846bf760;
--accent-very-dim: #846bf716; --accent-very-dim: #846bf716;
@ -47,7 +48,7 @@ button.button {
background: var(--accent-very-dim); background: var(--accent-very-dim);
border-radius: 4px; border-radius: 4px;
&:hover { &:hover, &:active {
background: var(--accent-dim); background: var(--accent-dim);
} }
} }
@ -56,7 +57,11 @@ button.button.transparent {
background: transparent; background: transparent;
border-radius: 4px; border-radius: 4px;
&:hover { &:hover, &:active {
background: var(--accent-dim); background: var(--accent-dim);
} }
} }
.noSelect {
user-select: none;
}

35
static/css/form.scss
View File

@ -1,9 +1,9 @@
form { form.entryForm {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 16px; gap: 32px;
padding: 32px; padding: 32px;
background: #00000090; background: #00000090;
border-radius: 16px; border-radius: 16px;
@ -11,17 +11,26 @@ form {
max-width: 350px; max-width: 350px;
width: calc(20dvw + 150px); width: calc(20dvw + 150px);
}
button[type=submit] { button[type=submit] {
background: white; background: var(--accent-dim);
} border-radius: 4px;
padding: 0.3em 0.8em;
input[type=text], color: white;
input[type=password] { }
padding: 0.8em 1.5em;
background: #333; input[type=text],
border-radius: 8px; input[type=password] {
border: none; font-size: 1rem;
width: calc(100% - 3em); padding: 0.6em 1.5em;
background: #222;
border-radius: 8px;
border: none;
width: calc(100% - 3em);
}
label {
color: var(--accent-light);
}
} }