/**
 *  
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/plain-ui
 *
 */

.panel {
    border: 1px solid var(--border);
    border-radius: $border-radius;
    background-color: var(--background-contrast);

    &__body {
        padding: $padding;
        @include media-breakpoints('padding', $padding-breakpoints);
    }

    &--border-highlight {
        border-left-width: 12px;
    }
}