Sidebar for Minimal-ui CSS framework based on Flexbox

Development

Components

Basic:

Grid
Layout
Color
Typography
Button

Data:

Table
Form

Notice:

Label

Navigation:

Other:

Card

Standart:

As an example this documentation.

Related Topics:

1. Layout

Example:

    
<!-- Open & Close button for mobile-->
<div class="sidebar-open-button">
    <div class="button-burger"><span class="line line-1"></span><span class="line line-2"></span><span class="line line-3"></span></div>
  </div>

<!-- Sidebar -->
<div class="sidebar">
  <div class="container">
    <div class="sidebar-content">
      <!-- Content -->
      <p class="ui-text-small" style="margin:16px 0 6px 0;">Basic:</p>
      <ul class="sidebar-list">
        <li class="sidebar-item"><a class="sidebar-link" href="#">Example link</a></li>
        <li class="sidebar-item"><a class="sidebar-link" href="#">Example second link</a></li>
      </ul>
    </div>
  </div>
</div>