vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

made it a bit more responsible

Browse Source
This commit is contained in:
Yannik
2023-05-20 19:22:07 +02:00
parent 6c3d14f7dd
commit a57a30eb71
1 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/styles/global.scss
View File

@@ -1,5 +1,17 @@
@import "./_variables.scss"; @import "./_variables.scss";
:root {
color-scheme: dark;
accent-color: $accent-color;
caret-color: $accent-color;
}
::selection{
background-color: $accent-color;
}
::marker{
color: $accent-color;
}
body { body {
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
background-color: #0a0a0a; background-color: #0a0a0a;
@@ -8,14 +20,14 @@ body {
margin: -10px; margin: -10px;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute;
box-shadow: box-shadow:
inset 60px 0 120px rgba($primary-color, 0.2), inset 60px 0 120px rgba($primary-color, 0.2),
inset -60px 0 120px rgba($accent-color, 0.07); inset -60px 0 120px rgba($accent-color, 0.07);
position: absolute;
} }
.wip-title { .wip-title {
margin-top: 100px; margin: 100px;
font-size: 50px; font-size: 50px;
text-align: center; text-align: center;
color: white; color: white;
@@ -52,3 +64,14 @@ body {
font-size: 20px; font-size: 20px;
} }
} }
@media (max-width: 800px) {
.wip-title{
font-size: 30px;
margin: 100px;
margin-top: 50px;
}
.card {
margin-top: 20%;
width: 60%;
}
}