The Node.js® Website
1.searchPageContainer {
2 @apply mx-auto
3 w-full
4 px-4
5 py-14
6 md:max-w-screen-xl;
7}
8
9.searchTermContainer {
10 @apply relative
11 flex
12 w-full
13 flex-col
14 justify-start
15 gap-1
16 px-6
17 text-left
18 md:px-0;
19}
20
21.searchResultsColumns {
22 @apply relative
23 mt-12
24 grid
25 gap-4
26 md:grid-cols-[15%_1fr];
27}
28
29.facetsColumn {
30 @apply sticky
31 top-0
32 flex
33 gap-4
34 overflow-x-auto
35 px-6
36 capitalize
37 md:flex-col
38 md:px-0;
39}
40
41.facetCount {
42 @apply ml-2
43 text-sm
44 text-neutral-500
45 dark:text-neutral-800;
46}
47
48.resultsColumn {
49 @apply flex
50 flex-col
51 gap-4
52 px-2;
53}
54
55.searchResult {
56 @apply flex
57 w-full
58 flex-col
59 rounded-lg
60 px-4
61 py-2
62 hover:bg-neutral-100
63 dark:hover:bg-neutral-900;
64}
65
66.searchResultTitle {
67 @apply text-lg;
68}
69
70.searchResultPageTitle {
71 @apply text-sm
72 capitalize
73 text-neutral-500
74 dark:text-neutral-600;
75}
76
77.searchResultSnippet {
78 @apply my-2
79 text-sm
80 text-neutral-500
81 dark:text-neutral-400;
82}