|
19 | 19 | // stylelint-disable selector-class-pattern |
20 | 20 | :root { |
21 | 21 | --docsearch-primary-color:var(--cui-primary); |
| 22 | +--docsearch-muted-color:var(--cui-secondary-color); |
22 | 23 | --docsearch-logo-color:var(--cui-primary); |
| 24 | +--docsearch-key-color:var(--cui-secondary-color); |
23 | 25 | } |
24 | 26 |
|
25 | 27 | @includecolor-mode(dark, true) { |
|
43 | 45 | } |
44 | 46 |
|
45 | 47 | .DocSearch-Container { |
46 | | ---docsearch-muted-color:var(--cui-secondary-color); |
47 | 48 | --docsearch-hit-shadow:none; |
48 | 49 |
|
49 | 50 | position:fixed; |
|
74 | 75 | @includebox-shadow($input-box-shadow); |
75 | 76 | @includetransition($input-transition); |
76 | 77 |
|
77 | | -&:focus { |
| 78 | +&:focus, |
| 79 | +&:hover { |
78 | 80 | color:$input-focus-color; |
79 | 81 | background-color:$input-focus-bg; |
80 | 82 | border-color:$input-focus-border-color; |
|
87 | 89 | } |
88 | 90 | } |
89 | 91 |
|
90 | | -&:hover:not(:disabled):not([readonly])::file-selector-button { |
91 | | -background-color:$form-file-button-hover-bg; |
92 | | - } |
93 | | - |
94 | 92 | @includemedia-breakpoint-down(md) { |
95 | 93 | &, |
96 | 94 | &:hover, |
|
109 | 107 | .DocSearch-Button-Keys { |
110 | 108 | min-width:0; |
111 | 109 | padding:0.25rem; |
112 | | -background:rgba($black,.125); |
| 110 | +background:var(--cui-secondary-bg); |
113 | 111 | @includeborder-radius(.25rem); |
114 | 112 | } |
115 | 113 |
|
116 | 114 | .DocSearch-Button-Key { |
117 | | -top:0; |
118 | 115 | width:auto; |
119 | | -height:1.5rem; |
120 | | -padding:0.125rem; |
121 | | -margin-right:0; |
122 | | -font-size:.875rem; |
| 116 | +padding:0; |
123 | 117 | background:none; |
| 118 | +border:0; |
124 | 119 | box-shadow:none; |
125 | | -} |
126 | 120 |
|
127 | | -.DocSearch-Commands-Key { |
128 | | -padding-left:1px; |
129 | | -font-size:.875rem; |
130 | | -background-color:rgba($black,.1); |
131 | | -background-image:none; |
132 | | -box-shadow:none; |
| 121 | +&:first-child { |
| 122 | +margin-right:0; |
| 123 | + } |
133 | 124 | } |
134 | 125 |
|
135 | | -.DocSearch-Form { |
136 | | -@includeborder-radius(var(--cui-border-radius)); |
137 | | -} |
| 126 | +// .DocSearch-Commands-Key { |
| 127 | +// padding-left: 1px; |
| 128 | +// font-size: .875rem; |
| 129 | +// background-color: rgba($black, .1); |
| 130 | +// background-image: none; |
| 131 | +// box-shadow: none; |
| 132 | +// } |
138 | 133 |
|
139 | 134 | .DocSearch-Hits { |
140 | 135 | mark { |
|