Add hover and active styles to sidebar links

This commit is contained in:
Fred Boniface 2022-10-26 21:40:37 +01:00
parent 5df1d16ce5
commit 7c15d49ee0

View File

@ -4,6 +4,7 @@
--accent-color: darkslategrey; --accent-color: darkslategrey;
--overlay-color: #2f4f4f8f; --overlay-color: #2f4f4f8f;
--main-text-color: azure; --main-text-color: azure;
--link-color: cyan;
} }
/* FONTS */ /* FONTS */
@font-face { @font-face {
@ -123,10 +124,12 @@ body {
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
font-size: 25px; font-size: 25px;
color: cyan; color: var(--link-color);
display: block; display: block;
white-space: nowrap; white-space: nowrap;
} }
#sidebar_a:hover {color: var(--main-text-color)}
#sidebar_a:active {color: var(--main-text-color)}
#sidebar_logo { #sidebar_logo {
margin-top: 40%; margin-top: 40%;
text-align: center; text-align: center;