Sidebar
The sidebar is composed of 3 utility classes that control the background colour, border colour, and padding. Use these classes on a <div> element to create a stylized section of content.
Medium theme
Example title lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Nam augue libero, maximus non metus placerat
- Aliquet iaculis neque, duis imperdiet auctor finibus
Quisque ac nulla pharetra tempus mi at bibendum
Praesent condimentum gravida sem et semper. Aliquam pretium leo sapien, eget sodales nisl commodo elementum. Donec dictum, nulla id maximus ornare, ipsum . felis rutrum ligula, quis pretium mi dui quis ligula.
Fusce lacinia lobortis orci nec convallisLight theme
Example title lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Nam augue libero, maximus non metus placerat
- Aliquet iaculis neque, duis imperdiet auctor finibus
Quisque ac nulla pharetra tempus mi at bibendum
Praesent condimentum gravida sem et semper. Aliquam pretium leo sapien, eget sodales nisl commodo elementum. Donec dictum, nulla id maximus ornare, ipsum . felis rutrum ligula, quis pretium mi dui quis ligula.
Fusce lacinia lobortis orci nec convallisCode
<!-- Medium -->
<div class="bg-medium border-medium pad-md">
{{ Content }}
</div>
<!-- Light -->
<div class="bg-light border-light pad-md">
{{ Content }}
</div>