Pit Viper

v1.90.0

Pit Viper

v1.90.0
v1 / v2

  • Home
  • Layouts
  • Sidebar Left

Sidebar Left

Use the sidebar layout to further divide the main content area of the primary layout with a sidebar on the left.

Padding and margins are not hard-coded into the layout to allow for more flexibility using spacing utilities.

You can set the width of the sidebar using a custom property.

Custom Property Default Value Description
--sidebar 260px The width of the sidebar

Example
A sidebar left layout with minimal content.

Sidebar
Main
HTML
<div class="pv-layout-sidebar-left">
<div class="pv-inset-square">Sidebar</div>
<div class="pv-inset-square">Main</div>
</div>