//
// CivicTheme Mobile Navigation component story styles.
//

.story-container__page-content {
  &.story-ct-mobile-navigation {
    // Override hiding of mobile trigger and a menu for this component
    // storybook. It will still be hidden in other components (i.e. header).
    .ct-mobile-navigation {
      @include ct-breakpoint($ct-mobile-navigation-breakpoint) {
        display: block;
      }
    }

    .ct-mobile-navigation-trigger {
      @include ct-breakpoint($ct-mobile-navigation-breakpoint) {
        display: inline;
      }
    }
  }
}
