add a bunch of frontend stuff
This commit is contained in:
parent
2586161abd
commit
bc85b7c340
30 changed files with 1459 additions and 136 deletions
19
assets/scss/_variables.scss
Normal file
19
assets/scss/_variables.scss
Normal file
|
@ -0,0 +1,19 @@
|
|||
:root {
|
||||
--dark-background: #2B303A;
|
||||
--light-background: #F5F5F5;
|
||||
|
||||
--dark-text: #FFFFFF;
|
||||
--light-text: #000000;
|
||||
|
||||
--dark-primary: #087E8B;
|
||||
--light-primary: #67AEB5;
|
||||
|
||||
--dark-secondary: #7C7F85;
|
||||
--light-secondary: #A4A6AA;
|
||||
|
||||
--dark-danger: #D64933;
|
||||
--light-danger: #FF5A5F;
|
||||
|
||||
--dark-success: #4DA167;
|
||||
--light-success: #77B68B;
|
||||
}
|
26
assets/scss/style.scss
Normal file
26
assets/scss/style.scss
Normal file
|
@ -0,0 +1,26 @@
|
|||
@use "node_modules/normalize.css/normalize";
|
||||
@use "_variables";
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
background-color: var(--light-background);
|
||||
color: var(--light-text);
|
||||
|
||||
&:dark {
|
||||
background-color: var(--dark-background);
|
||||
color: var(--dark-text);
|
||||
}
|
||||
}
|
||||
|
||||
.auth {
|
||||
width: 100%;
|
||||
@media (min-width: 640px) {
|
||||
max-width: 520px;
|
||||
}
|
||||
margin: 1rem auto;
|
||||
|
||||
p {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue