@import "../_colors";
@import "../_queries";

.p-sidebar {
    padding: 16px;
    background-color: #fff;

    .p-scrollpanel {
        .p-scrollpanel-content {
            height: 100%;
        }
    }

    & h1 {
        border-bottom: 1px solid $default-primary-color;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    & .p-sidebar-close {
        color: $secondary-dark-text-color;
    }
}

.p-sidebar-right,
.p-sidebar-left {
    min-width: 25%;
}

.p-sidebar-full {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 20px;
    border-radius: 4px;
}

@media #{$sm-devices} {
    .p-sidebar-full {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        top: 10px;
        left: 10px;
    }
}