@import ~mweb/common/components/variables
@import ~mweb/common/components/safeAreaMixins

.mw-top-nav
  background: $mw-top-nav-color
  height: $mw-top-nav-height

  padding-left: 1rem
  padding-right: 1rem
  @include safe-area-horizontal-padding-to-remove-insets-plus(1rem)

  .mw-top-nav__logo
    color: $white
    line-height: 1rem

  &.tw-fixed + *
    // Offset any content after a fixed header
    margin-top: $mw-top-nav-height

  & + * > div > div
    /**
     * Add padding to the first real content div to enable fullwidth
     * background color into the unsafe areas. The 2 intervening divs aren't
     * stylistically functional and so we skip them. Once all pages are under
     * the top nav (and thus have the same basic structure), this rule should
     * be moved to base.sass (probably with some tweaking as well).
     */
    @include safe-area-horizontal-padding-to-remove-insets
