/*
no compression: !!!!!!!!!!
html::addCssFile(sysURL.'core/css/c1/flex-grid.css',null,false);
needed: css variables
*/

/* needed as base for js */
.c1-flex-grid {
    display:flex;
    flex-wrap:wrap;
    --c1-items-min-width: 200px;
    --c1-col-gap: var(--c1-gap);
    --c1-row-gap: var(--c1-gap);
}
.c1-flex-grid > * {
    display:block;
    flex-basis:var(--c1-items-min-width);
    box-sizing:border-box;
}

@supports (display: grid) {
	.c1-flex-grid {
		display: grid;
        grid-column-gap: var(--c1-col-gap);
        grid-row-gap:    var(--c1-row-gap);
		grid-template-columns: repeat(auto-fill, minmax( var(--c1-items-min-width) , 1fr) );
		grid-auto-flow:dense;
        margin:0 !important; /* used by "js improvement" */
    }
}
@supports (display: grid) {
	.c1-flex-grid > * {
        margin:0 !important;
	}
}