Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 83c29d9

Browse files
committed
docs: update @docsearch to v4
1 parent 871e523 commit 83c29d9

File tree

1 file changed

+17
-22
lines changed

1 file changed

+17
-22
lines changed

‎packages/docs/src/styles/search.scss‎

Lines changed: 17 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,9 @@
1919
// stylelint-disable selector-class-pattern
2020
:root {
2121
--docsearch-primary-color: var(--cui-primary);
22+
--docsearch-muted-color: var(--cui-secondary-color);
2223
--docsearch-logo-color: var(--cui-primary);
24+
--docsearch-key-color: var(--cui-secondary-color);
2325
}
2426

2527
@include color-mode(dark, true) {
@@ -43,7 +45,6 @@
4345
}
4446

4547
.DocSearch-Container {
46-
--docsearch-muted-color: var(--cui-secondary-color);
4748
--docsearch-hit-shadow: none;
4849

4950
position: fixed;
@@ -74,7 +75,8 @@
7475
@include box-shadow($input-box-shadow);
7576
@include transition($input-transition);
7677

77-
&:focus {
78+
&:focus,
79+
&:hover {
7880
color: $input-focus-color;
7981
background-color: $input-focus-bg;
8082
border-color: $input-focus-border-color;
@@ -87,10 +89,6 @@
8789
}
8890
}
8991

90-
&:hover:not(:disabled):not([readonly])::file-selector-button {
91-
background-color: $form-file-button-hover-bg;
92-
}
93-
9492
@include media-breakpoint-down(md) {
9593
&,
9694
&:hover,
@@ -109,32 +107,29 @@
109107
.DocSearch-Button-Keys {
110108
min-width: 0;
111109
padding: 0 .25rem;
112-
background: rgba($black, .125);
110+
background: var(--cui-secondary-bg);
113111
@include border-radius(.25rem);
114112
}
115113

116114
.DocSearch-Button-Key {
117-
top: 0;
118115
width: auto;
119-
height: 1.5rem;
120-
padding: 0 .125rem;
121-
margin-right: 0;
122-
font-size: .875rem;
116+
padding: 0;
123117
background: none;
118+
border: 0;
124119
box-shadow: none;
125-
}
126120

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+
}
133124
}
134125

135-
.DocSearch-Form {
136-
@include border-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+
// }
138133

139134
.DocSearch-Hits {
140135
mark {

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /