// Bootstrap customizations

$container-max-widths: (
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 960px,
    xxl: 960px
);

@import "bootstrap/scss/bootstrap.scss";

// Navbar

.navbar-site-visit {
    display: inline-block;
    line-height: 2em;
    margin-bottom: 4px;
    margin-right: 10px;
}

// Post list

.postlist .post img {
    max-width: 300px;
    height: auto;
    max-height: 300px;
}

.postlist .post-date {
    font-size: 0.9rem;
}

// Post form

// Post edit page styling
.post-edit-page {
    height: 100vh;
}

.post-edit-page main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.post-edit-page .post-form {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.post-edit-page .post-form .row {
    flex: 1;
    display: flex;
    min-height: 0;
}

.post-edit-page .post-form .col-md-9 {
    display: flex;
    flex-direction: column;
}

.post-edit-page .post-form textarea {
    flex: 1;
    resize: vertical;
    min-height: 300px;
}



.show-upload figure img {
    max-width: 100vw;
    height: auto;
    max-height: 70vh;
}

.upload-progressbar {
    width: 150px;
}