Basic setup

.aside-blockis only to give a 20px padding to left and right.
.aside-toggleris to open and close the aside in small screens. 

<aside class="aside aside-expand-md">  <div class="aside-body">    <div class="aside-block">      ...    </div>  </div>  <button class="aside-toggler"></button></aside>

Modifierclasses

.aside-sm

Applies to.aside

Decrease width of the aside to 200px. Default is 250px.

.aside-lg

Applies to.aside

Increase width of the aside to 300px. Default is 250px.

.aside-expand-*

Applies to.aside

*can be one of sm, md, lgand xl. This class hides the aside on screens smaller than selected size.