// Styles written by YOURNAME @ YOURCOMPANY

/* ------------------------------------------------------------------------ *\
 * Gridly (adapted from https://github.com/IonicaBizau/gridly)
\* ------------------------------------------------------------------------ */

.row {
    & {
        display: flex;
    }
}

.col {
    & {
        flex: 1 1 0%;
    }

    &.-tenth {
        flex: 0 0 10%;
    }

    &.-fifth {
        flex: 0 0 20%;
    }

    &.-quarter {
        flex: 0 0 25%;
    }

    &.-third {
        flex: 0 0 33.3333334%;
    }

    &.-half {
        flex: 0 0 50%;
    }

    &.-none {
        flex: 0 0 auto;
    }
}

// Styles written by YOURNAME @ YOURCOMPANY

/* ------------------------------------------------------------------------ *\
 * Gridly (adapted from https://github.com/IonicaBizau/gridly)
\* ------------------------------------------------------------------------ */

.row {
    & {
        display: flex;
    }
}

.col {
    & {
        flex: 1 1 0%;
        min-width: 0; // fixes weird overflow issues
    }

    &.-tenth {
        flex: 0 0 10%;
    }

    &.-fifth {
        flex: 0 0 20%;
    }

    &.-quarter {
        flex: 0 0 25%;
    }

    &.-third {
        flex: 0 0 33.3333334%;
    }

    &.-half {
        flex: 0 0 50%;
    }

    &.-none {
        flex: 0 0 auto;
    }
}

Add min-width: 0; to .col to prevent strange overflow issues
Add min-width: 0; to .col to prevent strange overflow issues
