/* 
 * USE these to change exisitng elements or modify them
 * USE a prefix for the class with "is-", to make transparent that you your class is changing another class.
 * DO NOT create classes here that have to work on their own, like .cards
 * DO NOT use these selectors as JS selectors.
*/

.is-round {
    border-radius: 50%;
}

/* Limit the ammoount of lines of a block */
.is-limited-lines-2,
.is-limited-lines-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.is-limited-lines-2 {
    -webkit-line-clamp: 2;
}

.is-limited-lines-3 {
    -webkit-line-clamp: 3;
}

/* Prevent line breaks */
.is-non-break {
    white-space: nowrap;
}

.is-hidden {
    display: none;
}