joeni

// See https://css-tricks.com/snippets/css/a-guide-to-flexbox/ for interesting information

div.flex-container { // I hate that I actually have to put divs in my code just for this...

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between; // Not too sure about this one, experiment if you want to

    align-items: stretch;

    //align-content: space-around;

}

.flex-items {

    color: white;

    font-family: ubuntu;

    text-decoration: none;

    flex-grow: 1;

    margin: .2em;

    text-decoration-style: none;

    padding: 1em;

    &:hover {

        text-decoration: underline solid white;

    }

}

a.course-link {

    text-decoration: underline dotted $uhasselt-color;

    color: $uhasselt-color;

    &:hover {

        font-weight: bold;

        text-transform: uppercase;

    }

    @media print {

        text-decoration: none;

        color: black;

    }

}

div.flex-item {

    padding: 1em;

    margin: .2em;

    border-width: .4em;

    border-style: solid;

    border-color: $uhasselt-color;

}