assets/css/layouts/_project-grid.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

@include namespace('project-grid') {
    @include store((
        --dims: (
            --col-width: 20em
        )
    ));

    @include layout(namespace()) {
        display:               grid;
        grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
        gap:                   2rem;

        @include media('<=sm') {
            grid-template-columns: 1fr;
        }
    }
}