feat: Added styling for search results
This commit is contained in:
parent
1af55d9e22
commit
7d0bbda77e
3 changed files with 33 additions and 0 deletions
|
@ -11,3 +11,4 @@
|
|||
@import "components/box";
|
||||
@import "components/linedrawing";
|
||||
@import "components/modelgraph";
|
||||
@import "components/search";
|
||||
|
|
20
packages/css-theme/src/components/_search.scss
Normal file
20
packages/css-theme/src/components/_search.scss
Normal file
|
@ -0,0 +1,20 @@
|
|||
ul.ais-Hits-list {
|
||||
padding-left: 0;
|
||||
li { list-style-type: none; }
|
||||
|
||||
h2 {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
div.path a {
|
||||
@include title-font;
|
||||
font-size: 95%;
|
||||
}
|
||||
}
|
||||
|
||||
div.theme-wrapper.light ul.ais-Hits-list div.path a {
|
||||
color: $oc-green-9;
|
||||
}
|
||||
div.theme-wrapper.dark ul.ais-Hits-list div.path a {
|
||||
color: $oc-green-3;
|
||||
}
|
|
@ -23,6 +23,8 @@ div.gatsby-highlight pre {
|
|||
}
|
||||
|
||||
pre.language-js:before,
|
||||
pre.language-jsx:before,
|
||||
pre.language-mdx:before,
|
||||
pre.language-json:before,
|
||||
pre.language-svg:before,
|
||||
pre.language-bash:before {
|
||||
|
@ -42,6 +44,14 @@ pre.language-js:before {
|
|||
content: "js";
|
||||
background: rgba(255, 255, 0, 0.9);
|
||||
}
|
||||
pre.language-jsx:before {
|
||||
content: "jsx";
|
||||
background: rgba(255, 255, 0, 0.9);
|
||||
}
|
||||
pre.language-mdx:before {
|
||||
content: "mdx";
|
||||
background: rgba(130, 201, 30, 0.9);
|
||||
}
|
||||
pre.language-json:before {
|
||||
content: "json";
|
||||
background: rgba(255, 255, 0, 0.9);
|
||||
|
@ -73,6 +83,8 @@ pre[class*="language-"] {
|
|||
word-break: break-word;
|
||||
}
|
||||
pre.language-js:before,
|
||||
pre.language-jsx:before,
|
||||
pre.language-mdx:before,
|
||||
pre.language-json:before,
|
||||
pre.language-svg:before,
|
||||
pre.language-bash:before {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue