Add hover and active styles to sidebar links
This commit is contained in:
parent
5df1d16ce5
commit
7c15d49ee0
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user