Skip to content

Commit

Permalink
fix(masthead): fix breakpoint (#4046)
Browse files Browse the repository at this point in the history
### Description

Found that the latest breakpoint introduced for React masthead (#4021) does not fit well with non-megamenu environment (like what our Web Components codebase is as of today).

Reverted the breakpoint only for Web Components styles, to fix that problem.

### Changelog

**Changed**

- Change the breakpoint of narrow mode masthead back to `lg`.
  • Loading branch information
asudoh authored Sep 28, 2020
1 parent a391262 commit 832a1ee
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions packages/web-components/src/components/masthead/masthead.scss
Original file line number Diff line number Diff line change
Expand Up @@ -112,6 +112,14 @@
:host(#{$dds-prefix}-top-nav) {
@extend :host(#{$prefix}-header-nav);

@include carbon--breakpoint-up(800px) {
display: none;
}

@include carbon--breakpoint('lg') {
display: block;
}

.#{$prefix}-ce--header__divider {
background-color: $ui-03;
}
Expand Down

0 comments on commit 832a1ee

Please sign in to comment.