@import "../base.scss";

$panel-aspect-ratio: 1/1.618;

@mixin panel($padding-v: 2%, $padding-h: 2%) {
    padding: $padding-v $padding-h;

    height: calc(100% - (2 * $padding-v) - (2 * $border-big-width));
    width: calc(100% - (2 * $padding-h) - (2 * $border-big-width));
    flex-shrink: 0;

    border: $border-big;
    border-color: get-color(primary, 90);
    border-radius: $border-radius;

    background-color: get-color(greyscale, 0);
}