From a2ea06d513a5802964f8f0ef5795cec7e548ed7b Mon Sep 17 00:00:00 2001
From: Alejandro Soto <alejandro@34project.org>
Date: Sat, 13 Sep 2025 14:55:15 -0600
Subject: Squashed 'themes/tabi-lean/' content from commit 95c8796

git-subtree-dir: themes/tabi-lean
git-subtree-split: 95c879696445ede40daa7a30a88dae5dd74d5c0c
---
 sass/parts/_home-banner.scss | 82 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 sass/parts/_home-banner.scss

(limited to 'sass/parts/_home-banner.scss')

diff --git a/sass/parts/_home-banner.scss b/sass/parts/_home-banner.scss
new file mode 100644
index 0000000..ce6b9c1
--- /dev/null
+++ b/sass/parts/_home-banner.scss
@@ -0,0 +1,82 @@
+#banner-container-home {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin: 0.2rem auto;
+    width: 100%;
+
+    @media only screen and (max-width: 600px) {
+        display: block;
+        margin-block-end: 2rem;
+    }
+
+    #home-banner-text {
+        flex: 1;
+        margin-block-end: 1.5rem;
+        color: var(--primary-color);
+        font-size: 1.875rem;
+        line-height: 3rem;
+
+        li {
+            font-size: 1rem;
+        }
+
+        #home-banner-header {
+            margin: 0;
+            margin-block-end: 1rem;
+            font-weight: 550;
+            font-size: 2.8rem;
+
+            @media only screen and (max-width: 600px) {
+                margin-block-end: 0;
+                font-size: 2.2rem;
+            }
+        }
+
+        #banner-home-subtitle {
+            color: var(--text-color);
+            font-weight: 250;
+            line-height: 1.75rem;
+
+            p {
+                font-size: 1rem;
+            }
+
+            a {
+                font-weight: 400;
+            }
+        }
+
+        @media only screen and (max-width: 600px) {
+            width: 100%;
+        }
+    }
+
+    #image-container-home {
+        position: relative;
+        margin: auto 0;
+        padding-inline-start: 2rem;
+        max-width: 11rem;
+        overflow: hidden;
+        text-align: center;
+
+        #banner-home-img {
+            border: none;
+            aspect-ratio: 1 / 1;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+
+            @media only screen and (max-width: 600px) {
+                max-width: 12rem;
+                max-height: 12rem;
+            }
+        }
+
+        @media only screen and (max-width: 600px) {
+            padding-inline-start: 0;
+            width: 100%;
+            max-width: none;
+        }
+    }
+}
-- 
cgit v1.2.3