all repos — site @ 7c18b86c26b04f97263af99f63e3c3d560126855

source for my site, found at icyphox.sh 

Switch to a more minimal link hover effect

Signed-off-by: Anirudh <icyph0x@pm.me>
Anirudh icyph0x@pm.me
Tue, 27 Nov 2018 09:54:41 +0530
commit

7c18b86c26b04f97263af99f63e3c3d560126855

parent

68f4f05f984ee8e9fb0c05eaf2f42e1040f39ffa

1 files changed, 8 insertions(+), 19 deletions(-)

jump to
M static/style.css → static/style.css 
@@ -4,29 +4,17 @@ background: #021012;
 }
 
 a {
-	color: cyan;
+	color: gray;
 	display: inline-block;
 	position: relative;
 	text-decoration: none;
-}
-
-a:after {
-	content: "";
-	height: 0.7px;
-	background: cyan;
-	position: absolute;
-	pointer-events: none;
-	bottom: -5px;
-	left: 0;
-	right: 0;
-	opacity: 0;
-	transform: scale(0, 1);
 	transition: all 200ms;
 }
 
-a:hover:after {
-	opacity: 1;
-	transform: scale(1, 1);
+a:hover{
+  color: #021012;
+  background: cyan;
+  text-decoration: none;
 }
 
 .container {

@@ -80,7 +68,7 @@ width: 220px;
 }
 
 .footer {
-	color: #888;
+	color: gray;
 	bottom: 20px;
 	font-size: 14px;
 	position: absolute;

@@ -96,7 +84,8 @@ transition: all 200ms;
 }
 
 .footer a:hover {
-	color: cyan;
+	color: #021012;
+  background: cyan;
 }
 
 .left {