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;*/ }