Kayzen

Sidebar

assets/modules/objects/sidebar

Files

  • _sidebar.scss
  • README.md

Github Page (customers only): https://github.com/esr360/Kayzen/tree/master/assets/modules/objects/sidebar

Module Overview

  • Name: sidebar
  • Modifiers: null
  • Components: null

Examples

<aside class="sidebar">

    <header class="heading_group-small">
        <h4 class="heading-uppercase-size-3">Categories</h4>
    </header>
    
    <ul class="list-arrow">
        <li><a href="../../../HTML-Templates">HTML Templates</a></li>
        <li><a href="../../../Wordpress-Themes">Wordpress Themes</a></li>
        <li><a href="../../../jQuery-Plugins">jQuery Plugins</a></li>
        <li><a href="../../../Tutorials">Tutorials</a></li>
        <li><a href="../../../Photoshop-Design">Photoshop/Design</a></li>
    </ul>
    
    ...
    
</aside>

Customizing

The Sidebar module can be customized using the following options:

Read the Configuration page to learn more about a module's configuration.

Property Name Default Value Description
rating-color color('greyscale', 'grey-4') The color for any elements with the rating class when inside the sidebar.

To change one of the above values, pass your new value(s) to the sidebar() mixin in your theme file (e.g. assets/themes/Kayzen/_kayzen.scss).

@include sidebar((
    'rating-color' : blue
));