class="grid-block">
  <ba-panel class="panel-fixed" id="fixed-panel">
    <a href="" ba-close>&times;</a>
    <p>This is a fixed panel.</p>
  </ba-panel>
</div>
</hljs>
  </div>

  <div class="small-12 medium-6 grid-content">
    <a class="button" ba-toggle="example-panel-fixed">Fixed Panel</a>
  </div>
</div>

<p>If you'd rather not have the extra class, you can also just add <code>position: fixed</code> to an existing panel; that's all the class does!</p>

<hr>

<h3>Transforming Panel</h3>

<p>A panel can