Updated social icon buttons design

robohornets · Apr 2, 2024 · 3d1bf33 · 3d1bf33
1 parent a903e7c
commit 3d1bf33
Showing 1 changed file with 21 additions and 4 deletions.
diff --git a/css/base.css b/css/base.css
@@ -242,20 +242,37 @@ br {
 }
 
 .socialIconButton {
-	height: 50px;
-	width: 50px;
+	/* background-color: transparent; */
+	/* background-image: linear-gradient(-225deg, rgba(255, 169, 39, 0.0), rgba(252, 63, 131, 1.0)); */
+	border-color: white;
+	border-style: solid;
+	border-width: 2px;
+	border-radius: 5px;
+	padding: 10px;
+	margin: 5px;
+	transition: all 800ms linear;
+
+}
+
+.socialIconButton:hover {
+	/* background-color: #000000; */
+	background-image: linear-gradient(-225deg, rgba(255, 169, 39, 1.0), rgba(252, 63, 131, 1.0));
+	border-radius: 100px;
+}
+
+/* .socialIconButton {
 	background-color: #FF7438;
 	border-radius: 5px;
 	padding: 10px;
 	margin: 5px;
-	transition: all 0.5s ease-in-out;
+	transition: all 200ms ease-in-out;
 
 }
 
 .socialIconButton:hover {
 	background-color: #000000;
 	border-radius: 100px;
-}
+} */