diff --git a/resources/css/blocks/explore-tags.css b/resources/css/blocks/explore-tags.css new file mode 100644 index 0000000..b7ce50b --- /dev/null +++ b/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; + } + } + } + } + } +} diff --git a/resources/css/components/post-card-dbmod.css b/resources/css/components/post-card-dbmod.css new file mode 100644 index 0000000..9b37996 --- /dev/null +++ b/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; + } +}