Drawer open
Currently: v3.2.2
<body class="drawer drawer--right drawer--navbarTopGutter">
<header class="drawer-navbar drawer-navbar--fixed" role="banner">
<div class="drawer-container">
<div class="drawer-navbar-header">
<a class="drawer-brand" href="#">Drawer</a>
<button type="button" class="drawer-toggle drawer-hamburger">
<span class="sr-only">toggle navigation</span>
<span class="drawer-hamburger-icon"></span>
</button>
</div>
<nav class="drawer-nav" role="navigation">
<ul class="drawer-menu drawer-menu--right">
<li><a class="drawer-menu-item" href="#">Nav1</a></li>
<li><a class="drawer-menu-item" href="#">Nav2</a></li>
</ul>
</nav>
</div>
</header>
<main role="main">
<!-- Page content -->
</main>
</body>
<body class="drawer drawer--top drawer--navbarTopGutter">
<header class="drawer-navbar drawer-navbar--fixed" role="banner">...</header>
</body>
<body class="drawer drawer--left drawer--navbarTopGutter">
<header class="drawer-navbar drawer-navbar--fixed" role="banner">...</header>
</body>
<body class="drawer drawer--right drawer--navbarTopGutter">
<header class="drawer-navbar drawer-navbar--fixed" role="banner">...</header>
</body>
.drawer-menu
position modifier [ right ]<ul class="drawer-menu drawer-menu--right">...</ul>