|
|
|
@ -603,8 +603,17 @@
|
|
|
|
|
Sidebar
|
|
|
|
|
</h2>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<code><div class="progress">
|
|
|
|
|
<div class="progress__inner" style="width: 20%;"></div>
|
|
|
|
|
<code><div class="sidebar">
|
|
|
|
|
<div class="sidebar__inner">
|
|
|
|
|
<div class="sidebar__body">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="sidebar__footer">
|
|
|
|
|
<button type="button" class="button m-bottom-0">
|
|
|
|
|
Close
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</code>
|
|
|
|
|
</div>
|
|
|
|
@ -638,8 +647,31 @@
|
|
|
|
|
Sidebar + Bar
|
|
|
|
|
</h2>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<code><div class="progress">
|
|
|
|
|
<div class="progress__inner" style="width: 20%;"></div>
|
|
|
|
|
<code><div class="sidebar">
|
|
|
|
|
<div class="sidebar__inner">
|
|
|
|
|
|
|
|
|
|
<div class="bar">
|
|
|
|
|
<div class="bar__main">
|
|
|
|
|
Sidebar
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bar__end">
|
|
|
|
|
<button class="button button--transparent" type="button">
|
|
|
|
|
<svg class="icon fill-text-contrast" aria-hidden="true">
|
|
|
|
|
<use xlink:href="/symbol-defs.svg#icon-close"></use>
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="sidebar__body">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="sidebar__footer">
|
|
|
|
|
<button type="button" class="button m-bottom-0">
|
|
|
|
|
Close
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</code>
|
|
|
|
|
</div>
|
|
|
|
|