From 9c2521157e2523c67ad2488d5f4c6a76f589d6ad Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 26 Oct 2023 09:52:18 +0200
Subject: [PATCH] extending css components features

---
 resources/css/components/breadcrumb.css       |  2 +-
 resources/css/components/card-container.css   | 11 -----------
 .../css/components/card-grid-container.css    | 12 ++++++++++++
 resources/css/components/cta.css              |  2 +-
 resources/css/components/filters-toolbar.css  |  9 +++++++++
 resources/css/components/heading-box.css      | 19 +++++++++++++++++--
 6 files changed, 40 insertions(+), 15 deletions(-)
 delete mode 100644 resources/css/components/card-container.css
 create mode 100644 resources/css/components/card-grid-container.css
 create mode 100644 resources/css/components/filters-toolbar.css

diff --git a/resources/css/components/breadcrumb.css b/resources/css/components/breadcrumb.css
index 474fc03..4b0f5f4 100644
--- a/resources/css/components/breadcrumb.css
+++ b/resources/css/components/breadcrumb.css
@@ -1,5 +1,5 @@
 .breadcrumbs_navigation {
-  @apply py-6 max-w-screen-xl mx-auto;
+  @apply py-6 container mx-auto px-0;
   ol {
     @apply list-none flex items-center text-sm font-bold;
 
diff --git a/resources/css/components/card-container.css b/resources/css/components/card-container.css
deleted file mode 100644
index 9693e55..0000000
--- a/resources/css/components/card-container.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.card-container {
-  @apply grid 
-	grid-cols-1 
-	sm:grid-cols-2 
-	xl:grid-cols-4 
-	max-w-screen-2xl 
-	px-8
-	py-16
-	gap-8
-	mx-auto;
-}
diff --git a/resources/css/components/card-grid-container.css b/resources/css/components/card-grid-container.css
new file mode 100644
index 0000000..dbfaa50
--- /dev/null
+++ b/resources/css/components/card-grid-container.css
@@ -0,0 +1,12 @@
+.card-grid-container {
+  @apply container
+	grid 
+	grid-cols-1 
+	sm:grid-cols-2 
+	xl:grid-cols-4 
+
+
+	md:py-16
+	gap-8
+	mx-auto;
+}
diff --git a/resources/css/components/cta.css b/resources/css/components/cta.css
index 2fc4976..039fe69 100644
--- a/resources/css/components/cta.css
+++ b/resources/css/components/cta.css
@@ -1,7 +1,7 @@
 .cta {
   @apply block w-fit my-2 text-base font-bold;
   &--button {
-    @apply rounded-full px-8 py-4 focus:rounded-full font-bold h-fit;
+    @apply rounded-full px-8 py-4 focus:rounded-full font-bold h-fit cursor-pointer;
   }
   &--circular {
     @apply rounded-full focus:rounded-full aspect-square	w-12 flex items-center justify-center;
diff --git a/resources/css/components/filters-toolbar.css b/resources/css/components/filters-toolbar.css
new file mode 100644
index 0000000..aa262f0
--- /dev/null
+++ b/resources/css/components/filters-toolbar.css
@@ -0,0 +1,9 @@
+.filters-toolbar {
+  @apply flex
+  flex-col
+  items-center
+  md:flex-row 
+  container
+  mx-auto 
+  gap-x-8 gap-y-3 p-0 py-8;
+}
diff --git a/resources/css/components/heading-box.css b/resources/css/components/heading-box.css
index 881d652..2978cdd 100644
--- a/resources/css/components/heading-box.css
+++ b/resources/css/components/heading-box.css
@@ -1,6 +1,21 @@
 .heading-box {
-  @apply bg-primary text-white text-center py-12 max-w-screen-xl mx-auto
-	mt-8 rounded-2xl relative pt-20;
+  @apply container
+  bg-primary 
+  text-white
+   text-center
+   mx-auto
+   py-12
+   rounded-2xl
+   pt-20
+   mt-8
+   relative;
+
+  /* max-w-screen-2xl 
+  px-8 mx-auto
+
+  
+  relative 
+  pt-20; */
   &__title {
     @apply uppercase font-medium text-xl tracking-widest;
   }