From 0426290c48ec8a7f2c979a1d2a4b471480dcae3a Mon Sep 17 00:00:00 2001
From: A Farzat <a@farzat.xyz>
Date: Sat, 23 Nov 2024 21:51:48 +0900
Subject: Add the footer

---
 sass/_footer.scss | 35 +++++++++++++++++++++++++++++++++++
 sass/style.scss   |  1 +
 2 files changed, 36 insertions(+)
 create mode 100644 sass/_footer.scss

(limited to 'sass')

diff --git a/sass/_footer.scss b/sass/_footer.scss
new file mode 100644
index 0000000..cf944e1
--- /dev/null
+++ b/sass/_footer.scss
@@ -0,0 +1,35 @@
+footer {
+	margin-top: 200*$px;
+}
+.footer {
+	margin: 100*$px auto;
+	text-align: center;
+}
+.social-icons {
+	& a {
+		cursor: pointer;
+		outline: none;
+		&:link, &:visited {
+			color: inherit;
+			text-decoration: none;
+			transition: transform .2s;
+		}
+		&:hover, &:active {
+			color: var(--color-primary);
+			transform: scale(1.05);
+		}
+		&:focus {
+			color: var(--color-accent);
+			transform: scale(1.05);
+		}
+	}
+	& svg {
+		max-width: 30*$px;
+		max-height: 30*$px;
+		fill: currentColor;
+	}
+	margin-top: 20*$px;
+	display: flex;
+	gap: 40*$px;
+	justify-content: center;
+}
diff --git a/sass/style.scss b/sass/style.scss
index e9938ec..fb6a659 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,4 +1,5 @@
 @import "variables";
+@import "footer";
 @import "header";
 @import "main";
 @import "mixins";
-- 
cgit v1.2.3-70-g09d2