hugo-book
Code Issues

Implement search, loading on demand

Browse Source
This commit is contained in:
Alex Shpak
2019-07-16 14:34:02 +02:00
parent dda0a0eab1
commit 1f3addcca5
16 changed files with 119 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/book.scss
+18 -12
View File
@@ -138,22 +138,28 @@ ul.pagination {
}
.book-search {
border: 0;
border-bottom: $padding-1 solid $gray-200;
outline: none;
// padding: $padding-4 $padding-8 $padding-4 $padding-16+$padding-4;
padding: $padding-4 $padding-8 $padding-4 0;
margin-bottom: $padding-4;
width: 100%;
#book-search-input {
border: 0;
border-bottom: $padding-1 solid $gray-200;
outline: none;
padding: $padding-4 $padding-8 $padding-4 $padding-16 + $padding-4;
// background: url("svg/search.svg") left center no-repeat;
// background-size: $padding-16;
width: 85%;
background: url("svg/search.svg") left center no-repeat;
background-size: $padding-16;
&:focus {
border-bottom-color: $body-font-color;
}
}
&:focus {
border-bottom-color: $body-font-color;
#book-search-results li:last-child {
margin-bottom: $padding-16 * 2;
}
}
.book-toc {
flex: 0 0 $toc-width;
font-size: $font-size-12;
@@ -196,7 +202,7 @@ ul.pagination {
.book-posts {
min-width: $body-min-width;
max-width: $sm-breakpoint;
max-width: $body-min-width * 2;
flex-grow: 1;
padding: $padding-16;