From 33e8b61065ae692f92965d90358f21116036205d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=BB=A8=ED=8A=B8=EB=A1=A4DELTA?= <controld3785@gmail.com>
Date: Fri, 3 Apr 2026 13:06:21 +0900
Subject: [PATCH] Add Some Responsive Features

---
 src/app/features/header-menu/header-menu.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/app/features/header-menu/header-menu.scss b/src/app/features/header-menu/header-menu.scss
index b2fa1a6..90f1f85 100644
--- a/src/app/features/header-menu/header-menu.scss
+++ b/src/app/features/header-menu/header-menu.scss
@@ -1,3 +1,19 @@
+@use "sass:map";
+
+$breakpoints: (
+  'narrow': 1400px
+);
+
+@mixin respond-to($breakpoint) {
+  @if map.has-key($breakpoints, $breakpoint) {
+    @media (max-width: map.get($breakpoints, $breakpoint)) {
+      @content;
+    }
+  } @else {
+    @warn "해당 브레이크포인트가 없습니다: #{$breakpoint}";
+  }
+}
+
 :host {
   display: flex;
   flex-direction: row;
@@ -110,6 +126,9 @@
       }
 
       span {
+        @include respond-to(narrow) {
+          display: none;
+        }
         /*text-box-trim: trim-both;
         text-box-edge: cap alphabetic;*/
       }