/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 */

.Grid {
    --grid-columns: 1;
    --grid-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-gap: var(--grid-gap);
}

.Grid--2 {
    --grid-columns: 2;
}
.Grid--3 {
    --grid-columns: 3;
}
.Grid--4 {
    --grid-columns: 4;
}
.Grid--5 {
    --grid-columns: 5;
}
.Grid--6 {
    --grid-columns: 6;
}