Add box shadow to the buttons and message divs
This commit is contained in:
parent
dddf3740d5
commit
dfe28ba5c4
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue