From 17478f87e5aa333f40ab70447bb11554a0c64ad6 Mon Sep 17 00:00:00 2001
From: A Farzat <a@farzat.xyz>
Date: Thu, 21 Nov 2024 17:15:56 +0900
Subject: Made an initial attempt
---
sass/_header.scss | 30 ++++++++++++++++++++++++++++++
1 file changed, 30 insertions(+)
create mode 100644 sass/_header.scss
(limited to 'sass/_header.scss')
diff --git a/sass/_header.scss b/sass/_header.scss
new file mode 100644
index 0000000..6db9ffd
--- /dev/null
+++ b/sass/_header.scss
@@ -0,0 +1,30 @@
+.header {
+ height: 60*$px;
+ max-width: 1200*$px;
+ padding: 0 20*$px;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1*$px solid var(--color-secondary);
+}
+.home-link {
+ display: flex;
+ align-items: center;
+ justify-content: left;
+ height: 100%;
+ &:link, &:visited {
+ text-decoration: none;
+ font-size: 28*$px;
+ color: var(--color-text);
+ transition: transform .2s;
+ }
+ &:hover, &:active {
+ color: var(--color-primary);
+ transform: scale(1.05);
+ }
+}
+.main_icon {
+ height: 100%;
+ width: 40*$px;
+ fill: currentColor;
+}
--
cgit v1.2.3-70-g09d2