Snippet for Stacked Panels Component in Bootstrap 3

bs3-stacked-panels.html

<div class="panels-stacked">
  <div class="panel-heading">CATEGORIES</div>
    <div class="panel-body">
      Panel Content
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">PRICE</div>
    <div class="panel-body">
      Panel Content
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">RATING</div>
    <div class="panel-body">
      Panel Content
    </div>  
    <div class="panel-footer"></div>
  </div>
</div>

style.scss

.panels-stacked {
    .panel {
        margin-bottom: 0;
        border-radius: 0;
        border-bottom-color: transparent;

        &:first-child {
            border-top-right-radius: $border-radius-small;
            border-top-left-radius: $border-radius-small;
        }

        &:last-child {
            border-bottom-color: $panel-inner-border;
            border-bottom-right-radius: $border-radius-small;
            border-bottom-left-radius: $border-radius-small;
        }
    }
}