@include namespace('gallery') {
    @include store((
        --dims: (
            --col-width: 17em
        )
    ));

    @include component(namespace()) {
        margin-top: $line-height * 1rem;

        @include element('items') {
            display:               grid;
            grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
            gap:                   20px;
        }

        @include element('item') {
            display: block;
        }

        @include element('img') {
            display: block;
        }
    }
}