vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

improve colors and footer

Browse source
This commit is contained in:
Vri 🌈 2023-03-05 23:45:09 +01:00
parent f0ea1cad77
commit 850c24f373
Signed by: vrifox
GPG key ID: D40098E5B60B2197
4 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/scss/home.scss
View file

@ -19,6 +19,7 @@
font-family: "playfair"; font-family: "playfair";
font-size: 2rem; font-size: 2rem;
height: 100vh; height: 100vh;
color: var(--text-2);
h1 { h1 {
letter-spacing: 0.5rem; letter-spacing: 0.5rem;
font-size: 7rem; font-size: 7rem;

2
assets/scss/main.scss
View file

@ -23,7 +23,7 @@ html {
grid-template-areas: grid-template-areas:
"header header" "header header"
"sidebar content" "sidebar content"
"sidebar footer"; "footer footer";
grid-template-columns: 250px 1fr; grid-template-columns: 250px 1fr;
grid-template-rows: min-content; grid-template-rows: min-content;
line-height: 1.7; line-height: 1.7;

4
assets/scss/partials/sidebar.scss
View file

@ -13,7 +13,9 @@
top: 0; top: 0;
z-index: 2; z-index: 2;
margin: 1rem; margin: 1rem;
border-radius: 2rem; border-radius: 100rem;
box-shadow: 0 0 20px 20px var(--sidebar-background-accent);
border: 1px solid var(--sidebar-background-accent);
header { header {
text-align: center; text-align: center;
user-select: none; user-select: none;

4
assets/scss/variables.scss
View file

@ -7,6 +7,7 @@
--text-secondary: hsl(210, 21%, 40%); --text-secondary: hsl(210, 21%, 40%);
--sidebar-background: hsla(210, 21%, 10%, 20%); --sidebar-background: hsla(210, 21%, 10%, 20%);
--sidebar-background-accent: hsla(210, 21%, 10%, 10%);
--vriish-rose: hsl(0, 100%, 75%); --vriish-rose: hsl(0, 100%, 75%);
--orange: hsl(25, 100%, 75%); --orange: hsl(25, 100%, 75%);
@ -28,6 +29,7 @@
--text-2: hsl(0, 20%, 30%); --text-2: hsl(0, 20%, 30%);
--text-secondary: hsl(0, 20%, 70%); --text-secondary: hsl(0, 20%, 70%);
--sidebar-background: hsl(0, 100%, 95%); --sidebar-background: hsla(0, 100%, 98%, 20%);
--sidebar-background-accent: hsla(0, 100%, 98%, 10%);
} }
} }