From 673f5256b66e68262eb4b443cbd2be9c4bac01df Mon Sep 17 00:00:00 2001
From: ZAIN-KHAN-25 <zainarfeen87@gmail.com>
Date: Sun, 31 Dec 2023 21:04:37 +0500
Subject: [PATCH 1/2] Hovering on Icons Css Done

---
 src/components/socialMedia/SocialMedia.js   | 12 +++++++++++-
 src/components/socialMedia/SocialMedia.scss |  9 ++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/socialMedia/SocialMedia.js b/src/components/socialMedia/SocialMedia.js
index 7a187616cc..5fa3a51713 100644
--- a/src/components/socialMedia/SocialMedia.js
+++ b/src/components/socialMedia/SocialMedia.js
@@ -1,6 +1,6 @@
 import React from "react";
 import "./SocialMedia.scss";
-import {socialMediaLinks} from "../../portfolio";
+import { socialMediaLinks } from "../../portfolio";
 
 export default function socialMedia() {
   if (!socialMediaLinks.display) {
@@ -14,6 +14,7 @@ export default function socialMedia() {
           className="icon-button github"
           target="_blank"
           rel="noopener noreferrer"
+          title="Github"
         >
           <i className="fab fa-github"></i>
           <span></span>
@@ -26,6 +27,7 @@ export default function socialMedia() {
           className="icon-button linkedin"
           target="_blank"
           rel="noopener noreferrer"
+          title="Linkedin"
         >
           <i className="fab fa-linkedin-in"></i>
           <span></span>
@@ -38,6 +40,7 @@ export default function socialMedia() {
           className="icon-button google"
           target="_blank"
           rel="noopener noreferrer"
+          title="Gmail"
         >
           <i className="fas fa-envelope"></i>
           <span></span>
@@ -50,6 +53,7 @@ export default function socialMedia() {
           className="icon-button gitlab"
           target="_blank"
           rel="noopener noreferrer"
+          title="Gitlab"
         >
           <i className="fab fa-gitlab"></i>
           <span></span>
@@ -62,6 +66,7 @@ export default function socialMedia() {
           className="icon-button facebook"
           target="_blank"
           rel="noopener noreferrer"
+          title="Facebook"
         >
           <i className="fab fa-facebook-f"></i>
           <span></span>
@@ -74,6 +79,7 @@ export default function socialMedia() {
           className="icon-button instagram"
           target="_blank"
           rel="noopener noreferrer"
+          title="Instagram"
         >
           <i className="fab fa-instagram"></i>
           <span></span>
@@ -86,6 +92,7 @@ export default function socialMedia() {
           className="icon-button twitter"
           target="_blank"
           rel="noopener noreferrer"
+          title="Twitter"
         >
           <i className="fab fa-twitter"></i>
           <span></span>
@@ -98,6 +105,7 @@ export default function socialMedia() {
           className="icon-button medium"
           target="_blank"
           rel="noopener noreferrer"
+          title="Medium"
         >
           <i className="fab fa-medium"></i>
           <span></span>
@@ -110,6 +118,7 @@ export default function socialMedia() {
           className="icon-button stack-overflow"
           target="_blank"
           rel="noopener noreferrer"
+          title="Stack Overflow"
         >
           <i className="fab fa-stack-overflow"></i>
           <span></span>
@@ -122,6 +131,7 @@ export default function socialMedia() {
           className="icon-button kaggle"
           target="_blank"
           rel="noopener noreferrer"
+          title="kaggle"
         >
           <i className="fab fa-kaggle"></i>
           <span></span>
diff --git a/src/components/socialMedia/SocialMedia.scss b/src/components/socialMedia/SocialMedia.scss
index aec6fc0b9f..506ddc3b2c 100644
--- a/src/components/socialMedia/SocialMedia.scss
+++ b/src/components/socialMedia/SocialMedia.scss
@@ -25,7 +25,8 @@
   user-select: none;
   width: 2.6rem;
   margin-bottom: 10px;
-  transition: 0.2s ease-in;
+  opacity: 0.8;
+  transition: 0.2s;
 }
 
 .facebook i {
@@ -79,7 +80,9 @@
 .stack-overflow i:hover,
 .kaggle i:hover,
 .medium i:hover {
-  background-color: $textColor;
+  // background-color: $textColor;
+  transform: translateY(-6px) scale(1.1);
+  opacity: 1;
 }
 
 /* Media Query */
@@ -87,4 +90,4 @@
   .social-media-div {
     text-align: center;
   }
-}
+}
\ No newline at end of file

From 7e511f681afb3b31f8b501aa79333be19bc4a95d Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Sun, 31 Dec 2023 16:06:54 +0000
Subject: [PATCH 2/2] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/components/socialMedia/SocialMedia.js   | 2 +-
 src/components/socialMedia/SocialMedia.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/socialMedia/SocialMedia.js b/src/components/socialMedia/SocialMedia.js
index 5fa3a51713..1a171c4f06 100644
--- a/src/components/socialMedia/SocialMedia.js
+++ b/src/components/socialMedia/SocialMedia.js
@@ -1,6 +1,6 @@
 import React from "react";
 import "./SocialMedia.scss";
-import { socialMediaLinks } from "../../portfolio";
+import {socialMediaLinks} from "../../portfolio";
 
 export default function socialMedia() {
   if (!socialMediaLinks.display) {
diff --git a/src/components/socialMedia/SocialMedia.scss b/src/components/socialMedia/SocialMedia.scss
index 506ddc3b2c..75965b3bbb 100644
--- a/src/components/socialMedia/SocialMedia.scss
+++ b/src/components/socialMedia/SocialMedia.scss
@@ -90,4 +90,4 @@
   .social-media-div {
     text-align: center;
   }
-}
\ No newline at end of file
+}