21 lines
482 B
CSS
21 lines
482 B
CSS
.card-grid {
|
|
@apply px-4 md:px-0;
|
|
&--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;
|
|
}
|
|
}
|