summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts/_project-grid.scss
blob: 5ed983c4e1f3c300e9e193ba6e6e4a52b37abea5 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
@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;
        filter:                drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});

        @include element('project') {
            box-shadow: none;
        }

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