20 lines
458 B
CSS
20 lines
458 B
CSS
.card-grid {
|
|
&--columns-2 .card-grid__innerblocks {
|
|
@apply md:grid-cols-2;
|
|
/* grid-template-columns: repeat(2, 1fr); */
|
|
}
|
|
&--columns-3 .card-grid__innerblocks {
|
|
@apply md:grid-cols-3;
|
|
}
|
|
&--columns-4 .card-grid__innerblocks {
|
|
@apply md:grid-cols-2 lg:grid-cols-4;
|
|
}
|
|
&--columns-5 .card-grid__innerblocks {
|
|
@apply md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5;
|
|
}
|
|
|
|
&__innerblocks {
|
|
@apply gap-8;
|
|
}
|
|
}
|