Merge pull request #14 from bytezonedev/feat/icon-drop-shadow

feature: Gold drop shadow for the email icon

Author: CodeMan99

src/_includes/partials/footer.html

@@ -7,7 +7,7 @@
 			<p class="h4">
 				Contact Us:
 				<a class="email" href="mailto:gig&commat;bytezone.dev">gig&commat;bytezone.dev</a>
-				<iconify-icon icon="bi:send"></iconify-icon>
+				<iconify-icon icon="bi:send" class="drop-shadow-gold"></iconify-icon>
 			</p>
 		</span>
 	</div>

src/assets/footer.css

@@ -1,19 +1,23 @@
 footer {
-    background-color: var(--black-raisin);
-    color: var(--silver);
+	background-color: var(--black-raisin);
+	color: var(--silver);
 
-    width: 100vw;
-    padding-block: 3rem;
+	width: 100vw;
+	padding-block: 3rem;
 
-    .container {
-        display: flex;
-        gap: 2rem;
-        flex-flow: row wrap;
-        justify-content: space-between;
-    }
+	.container {
+		display: flex;
+		gap: 2rem;
+		flex-flow: row wrap;
+		justify-content: space-between;
+	}
 
-    a.email {
-       /* color: var(--silver); */
-       text-decoration: underline; 
-    }
-}
+	a.email {
+		/* color: var(--silver); */
+		text-decoration: underline;
+	}
+
+	.drop-shadow-gold {
+		filter: drop-shadow(-0.5px 5px 3px var(--golden));
+	}
+}