gallery.scss

@import "main";

// Gallery Styling


.gallery-parent {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
div.gallery-second {
    margin: 5px;
    // TODO comment this out once texting is done
    // border: 1px solid #ccc;
    float: left;
    width: 97%;
}

li:hover {
    box-shadow: 0px 0px 8px 10px $activeElementCol;
}


.collapsible {
    background-color: #ce4257;
    /*border: none;*/
    outline: none;
    width: 100%;
}

.gallery-second ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
li {
    // TODO comment this out once implemented
    // border: 1px solid #777;
    list-style-type: none;
    margin: 1em;
    width: 20em;
    height: max-content;
    background-color: $buttonCol;
    padding: 1em;
}

li img {
    width: 100%;
    object-fit: contain;
}

.art-post-background {
    background-color: $elementSecondCol;
    padding: 1em;
}
p {
    text-align: center;
}