Indent Level

The indentLevel rule is typically used internally and will control the padding indentation to be applied.

💡

`0`

The default indentLevel is set to 0

<header>
<nav>
<ul class="foo">
<li>bar</li>
<li>baz</li>
</ul>
</nav>
</header>

<header>
  <nav>
    <ul class="foo">
      <li>bar</li>
      <li>baz</li>
    </ul>
  </nav>
</header>

💡

`2`

Below we are using an indentLevel value of 2

<!-- Notice the left side padding applied -->
<header>
<nav>
<ul class="foo">
<li>bar</li>
<li>baz</li>
</ul>
</nav>
</header>

    <!-- Notice the left side padding applied -->
    <header>
      <nav>
        <ul class="foo">
          <li>bar</li>
          <li>baz</li>
        </ul>
      </nav>
    </header>

💡

`5`

Below we are using an indentLevel value of 5

<!-- Notice the left side padding applied -->
<header>
<nav>
<ul class="foo">
<li>bar</li>
<li>baz</li>
</ul>
</nav>
</header>

          <!-- Notice the left side padding applied -->
          <header>
            <nav>
              <ul class="foo">
                <li>bar</li>
                <li>baz</li>
              </ul>
            </nav>
          </header>