powermaker450/my-site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add box shadow to the buttons and message divs

Browse source
This commit is contained in:
powermaker450 2024-08-15 19:18:00 -04:00
parent dddf3740d5
commit dfe28ba5c4
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/index.css
View file

@ -16,6 +16,7 @@
--secondary: rgb(100, 100, 100); --secondary: rgb(100, 100, 100);
--tertiary: rgb(30, 30, 30); --tertiary: rgb(30, 30, 30);
--text-color: rgb(255, 255, 255); --text-color: rgb(255, 255, 255);
--shadow: 5px 5px 7px rgba(40, 40, 40, 0.5);
} }
body { body {
@ -136,6 +137,7 @@ body {
transition: transition:
background-color 0.25s, background-color 0.25s,
transform 0.25s; transform 0.25s;
box-shadow: var(--shadow);
} }
.social-link-button:hover { .social-link-button:hover {
@ -154,6 +156,7 @@ body {
padding: 17px; padding: 17px;
background-color: var(--primary); background-color: var(--primary);
border-radius: 17px; border-radius: 17px;
box-shadow: var(--shadow);
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
@ -164,5 +167,6 @@ body {
--secondary: rgb(170, 170, 170); --secondary: rgb(170, 170, 170);
--tertiary: rgb(100, 100, 100); --tertiary: rgb(100, 100, 100);
--text-color: rgb(0, 0, 0); --text-color: rgb(0, 0, 0);
--shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
} }
} }