carhop__carhop-theme__DEV/resources/css/blocks/dbmob-archives.css
Antoine M b93aba515f
All checks were successful
continuous-integration/drone/push Build is passing
RESPONSIVE Fixes
2026-05-20 11:06:39 +02:00

40 lines
1.2 KiB
CSS

.wp-block-carhop-blocks-dbmob-archives {
@apply mb-12;
.notices-toolbar {
@apply py-5 grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2;
}
.post-count {
&__text {
@apply text-lg text-primary !font-normal nunito normal-case;
}
}
.sort_by {
@apply justify-self-end !w-fit cursor-pointer appearance-none border-primary border-none px-0 md:px-6 pr-10 text-primary;
max-width: 100%;
/* Remplace la flèche native (appearance-none) — même asset que .post-grid__toolbar select */
background-color: transparent;
background-image: url('../resources/img/elements/select-drop-button.svg');
background-repeat: no-repeat;
background-position: right 0.25rem center;
background-size: 2rem 2rem;
}
.search-bar {
@apply py-6 md:py-8 border-t border-b border-solid border-primary md:col-span-2;
label {
@apply block text-lg text-primary !font-normal nunito normal-case mb-2;
}
input {
@apply w-full p-2 border border-solid border-primary rounded-full max-w-sm;
}
}
.dbmob-grid {
@apply grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8 md:gap-y-6 py-6;
}
.load-more-button {
@apply text-center !mx-auto w-fit;
}
}