increase font-size & add animation on hover

JuzerShakir · Dec 26, 2023 · ccef109 · ccef109
1 parent b4cd503
commit ccef109
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/app/assets/stylesheets/layouts/_index.scss b/app/assets/stylesheets/layouts/_index.scss
@@ -2,10 +2,17 @@
 #thaalis,
 #transactions,
 #users {
-	.row:not(:last-child) {
-		border-bottom: 2px solid $secondary;
-	}
-	:hover {
-		background-color: #e4e2b2;
+	.row {
+		transition: background-color 0.4s ease-in-out;
+
+		&:not(:last-child) {
+			border-bottom: 2px solid $secondary;
+		}
+
+		&:hover,
+		&:active {
+			background-color: #e4e2b2;
+			font-size: 1.06rem;
+		}
 	}
 }