66 lines
1.0 KiB
CSS
66 lines
1.0 KiB
CSS
.search-results-page {
|
|
&__page-header {
|
|
@apply bg-primary text-white py-16;
|
|
|
|
&__title {
|
|
@apply text-2xl font-normal uppercase;
|
|
}
|
|
|
|
.inner {
|
|
@apply max-w-7xl mx-auto;
|
|
}
|
|
p,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
@apply !text-white;
|
|
}
|
|
|
|
a {
|
|
@apply text-white;
|
|
}
|
|
}
|
|
|
|
&__results-container {
|
|
@apply max-w-2xl mx-auto mt-16;
|
|
@apply flex flex-col gap-8;
|
|
}
|
|
|
|
&__results-counter {
|
|
@apply mb-4;
|
|
}
|
|
|
|
.search-results-pagination {
|
|
@apply mt-12 mb-8;
|
|
|
|
.pagination {
|
|
@apply flex justify-center items-center gap-2;
|
|
}
|
|
|
|
.page-numbers {
|
|
@apply px-4 py-2 border border-gray-300 rounded;
|
|
@apply transition-colors;
|
|
|
|
&:hover {
|
|
@apply bg-primary text-white border-primary;
|
|
}
|
|
|
|
&.current {
|
|
@apply bg-primary text-white border-primary;
|
|
}
|
|
}
|
|
|
|
.prev,
|
|
.next {
|
|
@apply font-semibold;
|
|
}
|
|
}
|
|
|
|
.no-results {
|
|
@apply text-center text-gray-600 py-12;
|
|
}
|
|
}
|