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

338
themes/bilberry-hugo-theme/assets/sass/_articles.scss Normal file
View File

@@ -0,0 +1,338 @@
article {
border-radius: 4px;
overflow: hidden;
background-color: $article-background-color;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
width: ($site-width - 100px);
position: relative;
// :before and :after to generate the < pointer
&:before {
content: "";
display: block;
border: 11px solid transparent;
border-right-color: #ddd;
position: absolute;
top: 49px;
left: -22px;
}
&:after {
content: "";
display: block;
border: 10px solid transparent;
border-right-color: #FFF;
position: absolute;
top: 50px;
left: -20px;
}
.featured-image {
width: 100%;
img {
width: 100%;
}
}
.content {
padding: 2em;
h3 {
font-size: 1.75em;
margin-bottom: 0.25em;
a {
font-style: normal;
}
}
.meta {
text-transform: uppercase;
font-style: normal;
letter-spacing: 1px;
margin-bottom: 2rem;
font-size: 0.825em;
color: $meta-text-color;
padding-bottom: 2.5%;
border-bottom: 3px double $meta-border-color;
margin-bottom: 4.5%;
a {
font-style: normal;
}
span {
&:before {
content: " / ";
margin: 0 1rem;
}
&:first-child:before {
margin: 0 !important;
content: "" !important;
}
a:not(:last-child):after {
content: ", ";
}
}
}
a {
font-style: italic;
}
a.more {
display: block;
margin: 2.5rem 0;
margin-bottom: 1rem;
color: $highlight-color;
font-size: 1.125em;
text-decoration: none;
font-style: normal;
&:hover {
color: $continue-reading-hover-color;
}
}
.task-list {
list-style: none;
.task-list-item {
margin-bottom: 0;
position: relative;
top: 3px;
margin-right: 0.25em;
}
}
blockquote {
background-color: #f6f6f6;
font-family: $headline-font;
margin: 1.5em 0;
padding: 2em;
border-left: 0.5em solid #ededed;
font-size: 1.1em;
cite {
text-transform: uppercase;
font-style: normal;
font-weight: bold;
font-size: 0.9em;
}
p:last-child {
margin-bottom: 0;
}
}
img {
max-width: 100%;
}
video {
max-width: 100%;
}
}
.footer {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
background: transparentize($base-color, 0.90);
font-family: $article-footer-font;
font-size: 0.9em;
&.no-tags {
flex-direction: row-reverse;
}
.tags {
display: flex;
align-items: center;
margin: 1em 2em;
.links {
margin-left: 0.75em;
a:not(:last-child):after {
content: " / ";
color: $text-color !important;
}
}
}
.languages {
display: flex;
align-items: center;
margin: 1em 2em;
white-space: nowrap;
.fa {
font-size: 1.5em;
}
.links {
margin-left: 0.75em;
text-transform: uppercase;
font-family: $content-font;
letter-spacing: 0.1em;
a:not(:last-child):after {
content: " | ";
color: $text-color !important;
}
}
}
}
// Quotes
&.quote {
background-color: $special-color;
&:after {
border-right-color: $special-color;
}
a:hover {
color: inherit;
font-size: 1.1em;
}
@include featuredImage();
blockquote {
padding: 5.5%;
margin: 0;
text-align: center;
color: #FFF;
background: none;
font-size: 1.2em;
position: relative;
z-index: 10;
p {
line-height: 170%;
font-size: 1.10em;
}
cite {
font-family: $headline-font;
font-weight: 600;
text-transform: uppercase;
line-height: 140%;
font-size: 0.725em;
text-align: center;
letter-spacing: 1px;
&:before {
content: "— ";
}
}
}
}
// Gallery
&.gallery {
.flexslider {
margin: 0;
border: 0;
.flex-direction-nav a {
display: flex;
flex-direction: column;
justify-content: center;
&:before {
color: rgba(255, 255, 255, 0.9);
text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
}
}
}
// Video
&.video {
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
// Audio
&.audio {
.responsive-audio {
iframe {
width: 100%;
}
}
}
// Link
&.link {
background-color: $special-color;
min-height: 7em;
&:after {
border-right-color: $special-color;
}
&:hover {
background-color: $highlight-color;
transition: all 0.3s ease-in-out;
&:after {
border-right-color: $highlight-color;
transition: all 0.3s ease-in-out
}
}
@include featuredImage();
a {
color: #fff;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
h4 {
font-variant: small-caps;
font-size: 2em;
margin: 2rem;
}
p {
margin: 2em;
margin-top: 0;
}
}
}
}
#disqus_thread {
margin-left: 100px;
padding-bottom: 1.2em;
}

134
themes/bilberry-hugo-theme/assets/sass/_footer.scss Normal file
View File

@@ -0,0 +1,134 @@
footer {
border-top: 3px solid $footer-border-color;
border-bottom: 3px solid $footer-border-color;
background-color: $footer-background-color;
.container {
padding: 4rem 0;
display: flex;
justify-content: space-between;
font-size: 0.9em;
font-family: $headline-font;
div {
&:not(:first-child) {
margin-left: 5%;
}
}
&:after {
display: none;
}
strong {
text-transform: uppercase;
color: $footer-headline-color;
padding-bottom: 0.75em;
}
ul {
list-style: none;
margin-top: 1.25em;
li {
border-bottom: 1px solid #eee;
padding-right: 10px;
}
a {
position: relative;
left: 0;
display: inline-block;
transition: left 0.3s ease-in-out;
color: $highlight-color;
font-family: $content-font;
&:hover {
left: 10px;
color: $base-color;
}
}
}
.right {
.external-profiles {
width: 100%;
margin-bottom: 2em;
a {
font-size: 2em;
margin: 0 0.5rem;
color: #444;
&:hover {
color: $highlight-color;
}
}
// Workaround to avoid conflicts with Adblock
// See: https://github.com/Lednerb/bilberry-hugo-theme/issues/95
.fa-facebook-adblock-proof:before {
content:"\f09a";
}
.fa-twitter-adblock-proof:before {
content:"\f099";
}
.fa-google-plus-official-adblock-proof:before {
content:"\f2b3";
}
.fa-youtube-adblock-proof:before {
content:"\f167";
}
}
.languages {
width: 100%;
margin-left: 0;
a {
text-transform: uppercase;
color: $highlight-color;
letter-spacing: 0.1em;
&.active {
font-weight: bold;
}
&:hover {
color: $text-color;
}
&:not(:last-child):after {
content: " | ";
color: $text-color !important;
}
}
}
strong {
display: block;
}
}
}
}
.credits {
.container {
display: flex;
justify-content: space-between;
padding: 4rem 0;
font-size: 0.8em;
color: #777;
&:after {
display: none;
}
}
}

122
themes/bilberry-hugo-theme/assets/sass/_header.scss Normal file
View File

@@ -0,0 +1,122 @@
header {
background-color: $base-color;
color: $header-text-color;
height: 20rem;
display: flex;
align-items: center;
.container {
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
&:after {
content: "";
display: block;
position: absolute;
left: 50px;
top: 50px;
width: 2px;
height: 100%;
background: rgba(255, 255, 255, 0.1);
z-index: 1;
}
}
.logo {
font-size: 40pt !important;
background-color: $logo-color;
border-radius: 50%;
width: 90px;
height: 90px;
border: 5px $logo-color solid;
position: relative;
color: $logo-color;
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
a {
border: 0;
}
&:hover {
.overlay {
opacity: 1;
}
}
img {
max-width: 100%;
border-radius: 50%;
}
.overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: $bubble-hover-color;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
opacity: 0;
}
}
.titles {
margin-left: 3rem;
h3 {
margin-bottom: 0;
font-size: 3.25rem;
}
}
.languages {
position: absolute;
right: 0;
bottom: 0;
background-color: $special-color;
padding: 0.25em 1em;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
a {
text-transform: uppercase;
font-size: 0.8em;
color: $page-background-color;
letter-spacing: 0.1em;
&.active {
font-weight: bold;
}
&:not(:last-child):after {
content: " | ";
color: inherit;
}
}
}
.toggler {
position: absolute;
right: 0;
top: 0;
background: $special-color;
padding: 0.375em 0.75em;
font-size: 1.125em;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
&.permanentTopNav {
display: none;
}
}
}

68
themes/bilberry-hugo-theme/assets/sass/_main.scss Normal file
View File

@@ -0,0 +1,68 @@
.main {
margin-bottom: 5em;
min-height: 50vh;
&:before {
content: "";
display: block;
position: absolute;
left: 50px;
bottom: 50px;
width: 2px;
height: 100%;
background: rgba(0,0,0,0.05);
z-index: 1;
}
&:after {
content: "";
display: block;
position: absolute;
left: 41px;
bottom: 32px;
height: 20px;
width: 20px;
background: #DDD;
border-radius: 999px;
z-index: 10;
}
.article-wrapper {
display: flex;
justify-content: flex-end;
padding-top: 50px;
min-height: 90px;
position: relative;
// Move the left circle all the way down to the end of the article-wrapper
&.single {
padding-bottom: 2.5em;
}
.bubble {
position: absolute;
left: 25px;
top: 85px;
background-color: $bubble-background-color;
border: 3px solid $bubble-color;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 10;
text-decoration: none;
color: $bubble-color;
transition: all 0.3s ease-in-out;
.fa {
font-size: 15pt;
}
&:hover {
background-color: $highlight-color;
}
}
}
}

32
themes/bilberry-hugo-theme/assets/sass/_pagination.scss Normal file
View File

@@ -0,0 +1,32 @@
.paginator {
display: flex;
margin-left: 100px;
margin-top: 75px;
padding-bottom: 1em;
.fa {
margin: 0 0.25em;
}
a {
border-radius: 4px;
padding: 1em 2em;
text-decoration: none;
font-weight: bold;
background-color: #B4B4B4;
color: #fff;
&:hover {
background-color: $highlight-color;
transition: all 0.3s ease-in-out;
}
&.older {
margin-right: auto;
}
&.newer {
margin-left: auto;
}
}
}

108
themes/bilberry-hugo-theme/assets/sass/_responsive.scss Normal file
View File

@@ -0,0 +1,108 @@
@media (max-width: 834px) {
nav {
&.permanentTopNav {
display: none;
}
.container {
flex-direction: column-reverse;
padding: 0 1.5em;
.topnav {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0.5em;
width: 100%;
li {
width: 100%;
}
a {
padding: 0.75em 0;
display: block;
width: 100%;
}
}
.search {
margin: 0.5em 1.5em;
width: 100%;
input {
width: 100%;
}
}
}
}
header {
width: 100%;
.container {
padding: 0 1em;
}
.toggler {
right: 1.5em;
&.permanentTopNav {
display: block;
}
}
}
.bubble {
display: none !important;
}
.container {
width: 100%;
padding: 0;
}
.container:before, .container:after {
display: none !important;
}
.main {
margin-bottom: 0;
}
.main article {
margin: 0;
width: 100%;
&:before, &:after {
display: none !important;
}
}
.main #disqus_thread {
margin: 0 1.5em;
}
.main .paginator {
margin: 1.5em;
margin-top: 50px;
}
footer .container {
padding: 4rem 1.5em;
flex-direction: column;
text-align: center;
div {
width: 100%;
margin: 0 !important;
margin-top: 1.5em !important;
}
}
.credits .container {
padding: 4rem 1.5em;
}
}

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;
}
}
}

54
themes/bilberry-hugo-theme/assets/sass/_variables.scss Normal file
View File

@@ -0,0 +1,54 @@
$fonts-folder: '{{ .Site.Params.CustomFontsURL | default (print .Site.BaseURL "dist/fonts/") }}';
// Set the with of the main content area
// Notice that the actual content's width is $site-width - 100px
$site-width: {{ .Site.Params.SiteWidth | default "800px" }};
// Define your fonts.
// If you want to import new fonts, set them in /src/css/fonts.css
$headline-font: 'Comfortaa', sans-serif;
$content-font: 'Open Sans', sans-serif;
$article-footer-font: 'Roboto Mono', monospace;
// main colors
$page-background-color: #f1f1f1;
$base-color: #1d1f38;
$special-color: #2D3642;
$highlight-color: #5c8b59;
$text-color: #222;
// easy styling
$nav-background-color: $special-color;
$nav-text-color: $page-background-color;
$algolia-search-box-color: #444;
$algolia-search-box-icon-color: #888;
$algolia-search-box-background-color: #fafafa;
$algolia-border-color: #e4e4e4;
$header-text-color: $page-background-color;
$logo-color: darken( $page-background-color, 1 );
$bubble-color: #fff;
$bubble-background-color: #ccc;
$bubble-hover-color: $highlight-color;
$article-background-color: #fff;
$meta-text-color: #999;
$meta-border-color: #eee;
$continue-reading-hover-color: $meta-text-color;
$footer-border-color: #eee;
$footer-background-color: rgba(#ffffff, 80);
$footer-headline-color: #444;
@mixin featuredImage() {
.featured-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0.25;
}
}

11
themes/bilberry-hugo-theme/assets/sass/externalDependencies.scss Normal file
View File

File diff suppressed because one or more lines are too long

162
themes/bilberry-hugo-theme/assets/sass/fontface.scss Normal file
View File

@@ -0,0 +1,162 @@
@font-face {
font-family: 'flexslider-icon';
src: url($fonts-folder + 'flexslider-icon.eot');
src: url($fonts-folder + 'flexslider-icon.eot?#iefix') format('embedded-opentype'), url($fonts-folder + 'flexslider-icon.woff') format('woff'), url($fonts-folder + 'flexslider-icon.ttf') format('truetype'), url($fonts-folder + 'flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontAwesome';
src: url($fonts-folder + 'fontawesome-webfont.eot?v=4.7.0');
src: url($fonts-folder + 'fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url($fonts-folder + 'fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url($fonts-folder + 'fontawesome-webfont.woff?v=4.7.0') format('woff'), url($fonts-folder + 'fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url($fonts-folder + 'fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* open-sans-regular - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
src: local('Open Sans Italic'), local('OpenSans-Italic'),
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'open-sans-v15-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
src: local('Roboto'), local('Roboto-Regular'),
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
src: local('Roboto Italic'), local('Roboto-Italic'),
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
src: local('Roboto Bold'), local('Roboto-Bold'),
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'roboto-v18-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* comfortaa-regular - vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Comfortaa';
font-style: normal;
font-weight: 400;
src: url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
src: local('Comfortaa Regular'), local('Comfortaa-Regular'),
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* comfortaa-700 - vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Comfortaa';
font-style: normal;
font-weight: 700;
src: url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
src: local('Comfortaa Bold'), local('Comfortaa-Bold'),
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'comfortaa-v12-vietnamese_latin_greek_cyrillic-ext_latin-ext_cyrillic-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* roboto-mono-regular - vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: url($fonts-folder + 'roboto-mono-v5-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
src: local('Roboto Mono'), local('RobotoMono-Regular'),
url($fonts-folder + 'roboto-mono-v5-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url($fonts-folder + 'roboto-mono-v5-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
url($fonts-folder + 'roboto-mono-v5-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
url($fonts-folder + 'roboto-mono-v5-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url($fonts-folder + 'roboto-mono-v5-vietnamese_latin_greek_cyrillic-ext_greek-ext_latin-ext_cyrillic-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

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

@@ -0,0 +1,48 @@
// @import "_variables";
@import "externalDependencies";
@import "fontface";
.bilberry-hugo-theme {
background-color: $page-background-color;
font-family: $content-font;
color: $text-color;
font-size: 1.6em;
h1, h2, h3, h4, h5, h6, .title, .subtitle {
font-family: $headline-font;
}
a {
color: inherit;
text-decoration: none;
transition: all 0.2s ease-in-out;
&:hover {
color: $highlight-color;
}
}
.hljs {
padding: 0.75em;
font-size: 0.9em;
}
.container {
width: $site-width;
max-width: 100%;
}
@import "topnav";
@import "header";
@import "main";
@import "articles";
@import "pagination";
@import "footer";
@import "responsive";
}