FEATURE introducing component
This commit is contained in:
parent
9574cdbbfa
commit
f54a3a39fa
19
resources/css/blocks/card-grid.css
Normal file
19
resources/css/blocks/card-grid.css
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
.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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user