STYLE Introducing styles

resources/css/blocks/explore-tags.css

@@ -0,0 +1,45 @@
+.explore-tags {
+  @apply bg-carhop-purple-100 py-24 px-12 xl:px-24;
+  .inner {
+    @apply max-w-screen-2xl mx-auto;
+    @apply flex gap-16 xl:gap-32;
+  }
+
+  &__title {
+    @apply text-base mb-6 font-bold tracking-wider uppercase nunito;
+  }
+
+  &__subtitle {
+    @apply text-5xl font-normal uppercase;
+  }
+
+  .tag-list {
+    @apply flex gap-8 flex-wrap;
+
+    &__tag {
+      @apply text-lg font-bold  border border-primary p-4 h-fit flex items-center gap-2;
+      svg {
+        transition: transform 0.3s ease-in-out;
+        @apply w-8 h-8;
+        circle {
+          @apply fill-primary stroke-transparent;
+        }
+        path {
+          @apply stroke-white;
+        }
+      }
+      &:hover {
+        @apply bg-primary text-white border-none;
+        svg {
+          transform: rotate(90deg);
+          circle {
+            @apply fill-white;
+          }
+          path {
+            @apply stroke-primary;
+          }
+        }
+      }
+    }
+  }
+}

resources/css/components/post-card-dbmod.css

@@ -0,0 +1,9 @@
+.post-card-dbmod {
+  &__title {
+    @apply text-2xl font-bold;
+  }
+
+  &__details {
+    @apply text-sm text-gray-500;
+  }
+}