52 lines
1.1 KiB
CSS
52 lines
1.1 KiB
CSS
.post-grid {
|
|
&__toolbar {
|
|
@apply flex flex-col md:grid md:grid-cols-2 gap-4 md: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 md:justify-self-end text-primary;
|
|
input {
|
|
@apply w-full md:w-auto py-2 px-4 border border-primary rounded-full;
|
|
&::placeholder {
|
|
@apply text-base font-normal text-carhop-green-700;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&__toolbar-actions {
|
|
@apply col-span-2 flex flex-wrap items-center gap-4;
|
|
|
|
select {
|
|
@apply w-full md:w-auto border border-carhop-green-700 text-carhop-green-700 rounded-full py-2 px-4 max-w-full text-base;
|
|
}
|
|
|
|
select[name='etiquettes'] {
|
|
/* @apply bg-blue-300; */
|
|
}
|
|
|
|
select[name='auteurs'] {
|
|
/* @apply bg-red-300; */
|
|
}
|
|
|
|
select[name='sort_by'] {
|
|
@apply md:ml-auto;
|
|
}
|
|
}
|
|
|
|
&__list {
|
|
@apply grid grid-cols-1 lg:grid-cols-2 gap-8;
|
|
}
|
|
}
|