chchang/hugo_backup
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Hugo Bilberry First commit to gitea@cowbay.org

Browse Source
This commit is contained in:
Eric Chang
2018-11-09 16:23:58 +08:00
commit 16f4228909
1090 changed files with 399555 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
themes/bilberry-hugo-theme/assets/sass/_topnav.scss Normal file
View File

@@ -0,0 +1,208 @@
/* do not group these rules */
*::-webkit-input-placeholder {
color: darken($nav-text-color, 10);
}
*:-moz-placeholder {
/* FF 4-18 */
color: darken($nav-text-color, 10);
}
*::-moz-placeholder {
/* FF 19+ */
color: darken($nav-text-color, 10);
}
*:-ms-input-placeholder {
/* IE 10+ */
color: darken($nav-text-color, 10);
}
nav {
background: $nav-background-color;
color: $nav-text-color;
display: none;
&.permanentTopNav {
display: block;
}
.container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.25em 0;
min-height: 65px;
}
ul {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
li {
margin-bottom: 0;
display: flex;
a {
text-align: center;
padding: 1em 1.5em;
display: flex;
&:hover {
color: inherit;
background-color: lighten($nav-background-color, 10);
}
}
}
}
// Algolia-Search
.search {
margin-left: auto;
// width: 45%;
min-width: 300px;
position: relative;
input {
font-family: $content-font;
}
i {
position: absolute;
left: 1em;
top: 10px;
z-index: 40;
}
input {
margin: 0;
background: transparent;
border: none;
color: $nav-text-color;
padding-left: 2.75em;
width: 100%;
background-color: lighten($nav-background-color, 5);
&:hover, &:focus {
background-color: lighten($nav-background-color, 10);
border: none;
}
}
.algolia-autocomplete {
width: 100%;
color: $algolia-search-box-color;
.aa-dropdown-menu {
width: 100%;
border-radius: 4px;
.empty {
padding: 0.5em 1em;
display: block;
}
.branding {
font-size: 0.75em;
text-align: right;
padding: 0.5em 1em;
background-color: $page-background-color;
img {
width: 3.5em;
position: relative;
top: 0.1em;
}
}
}
.aa-suggestion {
span {
display: flex;
justify-content: space-between;
align-items: center;
background-color: $algolia-search-box-background-color;
&:hover, &:focus {
background-color: darken($algolia-search-box-background-color, 2);
}
.title {
max-width: 315px;
}
&.entry.category, &.entry.tag, &.entry.author {
.title {
text-transform: capitalize;
}
}
.fa {
font-size: 1em;
color: $algolia-search-box-icon-color;
text-align: right;
}
}
}
}
.aa-input-container {
display: inline-block;
position: relative;
}
.aa-input-search {
width: 300px;
padding: 12px 28px 12px 12px;
border: 1px solid $algolia-border-color;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.aa-input-search::-webkit-search-decoration, .aa-input-search::-webkit-search-cancel-button,
.aa-input-search::-webkit-search-results-button, .aa-input-search::-webkit-search-results-decoration {
display: none;
}
.aa-input-icon {
height: 16px;
width: 16px;
position: absolute;
top: 50%;
right: 16px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
fill: $algolia-border-color;
pointer-events: none;
}
.aa-dropdown-menu {
background-color: #fff;
border: 1px solid rgba($algolia-border-color, 0.6);
min-width: 300px;
margin-top: 10px;
box-sizing: border-box;
}
.aa-suggestion {
padding: 6px 12px;
cursor: pointer;
}
.aa-suggestion + .aa-suggestion {
border-top: 1px solid rgba($algolia-border-color, 0.6);
}
.aa-suggestions-category {
border-bottom: 1px solid rgba($algolia-border-color, 0.6);
border-top: 1px solid rgba($algolia-border-color, 0.6);
padding: 6px 12px;
}
}
}