Current display:
How should the sidebar width be set?
Sidebar width
Set the width for --sidebar-first-width using UI Skins.
Tab order
Consider the tabbing order and skip links.
If the drawer is additional navigation, it can come before the main content in the html. Use a skip link to avoid irritation.
The sidebar layout has a meta region above the content, displayed in a sidebar at full width.
Global sidebars
These are configured via the normal block layout, and are implemented in the page template.
They could be used for things like submenus, or ad placements.
Use UI Skins to configure the --sidebar-first-width variable to set the minimum width.
Layouts
These in the theme are currently overlapping, and should be consolidated.
- Node
- Sidebar
They have meta/footer content areas that are stacked above and below the content on mobile, and in the sidebar on desktop.
Mantra Layout
- Single column
- Container
TODO: clean up layouts.
Notes
Will a left hand nav conflict with Drupal's admin toolbar/navigation?
Use a container query for the breakpoint to account for the admin sidebar navigation.