Flyout Container

This component appears to the user only at from-large views, when clicking on the SERIES or SCHEDULES links in the global navigation. The Flyout Container will wrap either the Series Drawer of the Schedule Drawer, depending on which link was clicked.

Note: because of the full-width media query demands of this component's presentation, it is only viewed accurately here when the left side styleguide navigation is hidden.

with Schedule Drawer

with Series Drawer

<div class="flyout-container">
  <div class="flyout-container__inner">
    <i class="flyout-container__icon-close"></i>
    {{> /partials/_series_drawer}}
    {{> /partials/_schedule_drawer}}
  </div>
</div>