/**
 *
 *
 *  @author Björn Hase, me@herr-hase.wtf
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://gitea.node001.net/tiny-components/plain-ui.git
 *
 */

.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;
    }
}