/**
 *  components: panel
 *
 *  <div class="panel">
 *      <div class="panel__inner">
 *
 *      </div>
 *  </div>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

$crispy__panel__inner-padding: $crispy__padding !default;
$crispy__panel__inner-padding-breakpoints: $crispy__padding-breakpoints !default;
$crispy__panel__background-color: $crispy__color-grey-light !default;

@mixin crispy__panel {
    .panel {
        background-color: $crispy__panel__background-color;

        &__inner {
            padding: $crispy__panel__inner-padding;
            @include crispy__media-breakpoints('padding', $crispy__panel__inner-padding-breakpoints);
        }
    }
}
