carhop__dynamiques-theme__PROD-DEV/resources/css/components/post-grid.css

.post-grid {
  &__toolbar {
    @apply grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-between pb-12;

    h2.post-count {
      @apply flex items-end gap-2;

      &__count {
        @apply font-normal uppercase fjalla;
        line-height: 0.8;
      }

      &__text {
        @apply text-xl nunito;
      }
    }

    .search-bar {
      @apply justify-self-end;
      input {
        @apply py-2 px-4 border border-primary rounded-full;
        &::placeholder {
          @apply text-sm text-carhop-green-700;
        }
      }
    }
  }
  &__toolbar-actions {
    @apply col-span-2 flex items-center gap-4;

    select {
      @apply border border-carhop-green-700 rounded-full py-2 px-4;
    }

    select[name='etiquettes'] {
      /* @apply bg-blue-300; */
    }

    select[name='auteurs'] {
      /* @apply bg-red-300; */
    }

    select[name='sort_by'] {
      @apply ml-auto;
    }
  }

  &__list {
    @apply grid grid-cols-1 lg:grid-cols-2  gap-8;
  }
}