css instagram.css

Posted 2021-05-13

/**
=========================== GRID
**/

:root {
    --columns: 5; /** default is 4 **/
    --container-max-width: 94%;
    --box-width: calc(90% / var(--columns));
    --box-max-height: 500px;
    --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --font-size: 13px;
    --line-height: 15px;
}

._owark {
    max-width: var(--container-max-width) !important;
}

._14b0y > div {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

._14b0y ._s5vjd {
    width: var(--box-width)  !important;
    max-height: var(--box-max-height) !important;
    /**overflow: scroll;**/
    overflow-y: auto;
}



body, button, input, textarea {
    font-family: var(--font-family);
    font-size: var(--font-size);
    line-height: var(--line-height);
}


._14b0y ._s5vjd::-webkit-scrollbar {
    width: 6px;
}

/**._14b0y ._s5vjd::-webkit-scrollbar-thumb {
    background-color: #727272;
    background-color: rgba(255,255,255,0.4);
    border-radius: 8px;
}**/

._14b0y ._s5vjd::-webkit-scrollbar-thumb {
    background-color: rgba(114, 114, 114, 0.32);
    border-radius: 8px;
}

._14b0y ._s5vjd::-webkit-scrollbar-track {
    /**background-color: rgba(0,0,0,0.4);**/
}