From f54a3a39fa7182ef97d0abc756030532a1f9d09e Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 15 Jul 2025 10:46:00 +0200 Subject: [PATCH] FEATURE introducing component --- resources/css/blocks/card-grid.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 resources/css/blocks/card-grid.css diff --git a/resources/css/blocks/card-grid.css b/resources/css/blocks/card-grid.css new file mode 100644 index 0000000..8779467 --- /dev/null +++ b/resources/css/blocks/card-grid.css @@ -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; + } +}