80 lines
2.1 KiB
CSS
80 lines
2.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;
|
|
.post-count {
|
|
@apply flex items-end gap-2;
|
|
|
|
&__count {
|
|
@apply font-normal uppercase fjalla;
|
|
line-height: 0.8;
|
|
}
|
|
|
|
&__text {
|
|
@apply text-lg nunito;
|
|
}
|
|
}
|
|
|
|
.search-bar {
|
|
@apply md:justify-self-end text-primary relative;
|
|
&:after {
|
|
@apply absolute top-1/2 -translate-y-1/2;
|
|
content: '';
|
|
right: 10px;
|
|
display: flex;
|
|
width: 30px;
|
|
height: 30px;
|
|
background-image: url('../resources/img/icons/carhop-rechercher-green-circle.svg');
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: contain;
|
|
}
|
|
input {
|
|
@apply w-full md:w-auto py-2 px-4 border border-primary rounded-full;
|
|
padding-right: 33px;
|
|
&::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;
|
|
|
|
appearance: none; /* Disable the default arrow */
|
|
-webkit-appearance: none; /* For WebKit-based browsers */
|
|
-moz-appearance: none; /* For Firefox */
|
|
/* width: 100%;
|
|
padding: 10px 35px 10px 10px;
|
|
font-size: 16px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px; */
|
|
background-color: #fff;
|
|
background-image: url('../resources/img/elements/select-drop-button.svg');
|
|
|
|
background-repeat: no-repeat;
|
|
background-position: right 10px center;
|
|
background-size: 30px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
select[name='etiquettes'] {
|
|
/* @apply bg-blue-300; */
|
|
}
|
|
|
|
select[name='auteurs'] {
|
|
/* @apply bg-red-300; */
|
|
}
|
|
|
|
select[name='sort_by'] {
|
|
@apply md:ml-auto pr-12;
|
|
}
|
|
}
|
|
|
|
&__list {
|
|
@apply grid grid-cols-1 lg:grid-cols-2 gap-8;
|
|
}
|
|
}
|