kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

long logo bug fix, better header text shadow

This commit is contained in:
zzossig 2020-01-10 15:49:07 +09:00
parent 997f94c5d2
commit 36ff8c8cd6
9 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/sass/layout/_header.scss
View File

@ -22,10 +22,11 @@
&--shadow {
@include themify($themes) {
text-shadow: 1px 1px 0 themed('terms-title-color'),
2px 2px 0 lighten(themed('terms-title-shadow-color'), 4%),
3px 3px 0 lighten(themed('terms-title-shadow-color'), 8%),
4px 4px 0 lighten(themed('terms-title-shadow-color'), 12%);
color: themed('terms-title-color');
text-shadow: 1.2px 1.2px 0 themed('terms-title-color'),
2.4px 2.4px 0 lighten(themed('terms-title-shadow-color'), 4%),
3.6px 3.6px 0 lighten(themed('terms-title-shadow-color'), 8%),
4.8px 4.8px 0 lighten(themed('terms-title-shadow-color'), 12%);
}
}
}

8
assets/sass/pages/_terms.scss
View File

@ -8,10 +8,10 @@
margin: 2rem 0;
@include themify($themes) {
color: themed('terms-title-color');
text-shadow: 1px 1px 0 themed('terms-title-color'),
2px 2px 0 lighten(themed('terms-title-shadow-color'), 4%),
3px 3px 0 lighten(themed('terms-title-shadow-color'), 8%),
4px 4px 0 lighten(themed('terms-title-shadow-color'), 12%);
text-shadow: 1.2px 1.2px 0 themed('terms-title-color'),
2.4px 2.4px 0 lighten(themed('terms-title-shadow-color'), 4%),
3.6px 3.6px 0 lighten(themed('terms-title-shadow-color'), 8%),
4.8px 4.8px 0 lighten(themed('terms-title-shadow-color'), 12%);
}
}

2
assets/sass/themes/_dark.scss
View File

@ -56,7 +56,7 @@ $dark: (
pagination-background-color: #212121,
pagination-disabled-color: #757575,
pagination-number-color: #FCFCFA,
terms-title-color: #727072,
terms-title-color: #ddd,
terms-title-shadow-color: #403E41,
terms-tags-color: #78DCE8,
terms-categories-color: #AB9DF2,

2
assets/sass/themes/_kimbie.scss
View File

@ -37,7 +37,7 @@ $kimbie: (
breadcrumb-item-color: #DC322F,
breadcrumb-background-color: #362712,
breadcrumb-item-active-color: #aaa,
list-header-title-color: #98676a,
list-header-title-color: #889b4a,
figcaption-color: #e3b583,
figcaption-strong-color: #7e602c,
single-hr-background-color: #7f5d38,

2
exampleSite/config/_default/config.toml
View File

@ -30,7 +30,7 @@ googleAnalytics = ""
lineNumbersInTable = true
noClasses = false
[markup.tableOfContents]
endLevel = 3
endLevel = 4
ordered = false
startLevel = 2

1
exampleSite/config/_default/params.toml
View File

@ -1,4 +1,5 @@
logoText = "Zzo theme"
logoType = "short" # long, short
description = "The Zzo theme for Hugo example site."
custom_css = []
custom_js = []

2
exampleSite/content/_index.md
View File

@ -9,6 +9,8 @@ header:
- HUGO
subtitle:
- The world’s fastest framework for building websites
titleColor:
titleShadow: false
titleFontSize: 44
subtitleFontSize: 16
spaceBetweenTitleSubtitle: 20

2
exampleSite/resources/_gen/assets/scss/sass/main.scss_b4f67ac5085b89b62b54c1923e5a9145.content
View File

File diff suppressed because one or more lines are too long

4
layouts/partials/navbar/site-nav.html
View File

@ -1,11 +1,11 @@
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar__brand">
{{ if $.Param "logo" | default true }}
<a href="{{ "/" | relLangURL }}" title="{{ i18n "tooltip-home" }}" rel="home" class="{{ if eq ($.Param "logoType") "short" }}navbar__logo-link{{ else }}navbar__long-link{{ end }}">
<a href="{{ "/" | relLangURL }}" title="{{ i18n "tooltip-home" }}" rel="home" class="{{ if eq ($.Param "logoType") "long" }}navbar__long-link{{ else }}navbar__logo-link{{ end }}">
<img data-src="{{ "/logo.png" | relURL }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%2337474f' d='M24.648,4l0.29,0.002c0.52,0.008,1.23,0.109,1.857,0.198c0.314,0.045,0.616,0.088,0.883,0.119 c0.164,0.024,0.715,0.227,1.043,0.348C29.468,4.941,32,6.875,32,6.875L31,5c0,0,1.563,0.445,2.125,0.875C34.247,6.733,34.354,7,35,7 h0.375L35,6c0.375,0.19,1.78,1.289,1.968,1.541L37,7.583l0.036,0.039c1.411,1.495,2.095,2.462,2.595,3.169 c0.339,0.48,0.945,0.822,1.243,1.21C41.225,12.454,42,14,42,14v-0.998c0,0,0.776,1.029,1.25,2.373C44,17.5,44,19,44,19 s-0.25-0.625-1-0.875C43,19,44,21,44,24.002v6c-0.74,0.57-0.989,1.443-1.214,2.386c-0.328,1.372-0.605,2.294-1.444,2.593L41,35.002 l-0.08,0.277c-0.533,0.662-0.994,1.351-1.439,2.018c-1.446,2.163-2.495,3.705-4.481,3.705c-1.041,0-2.044,0.167-2.441,0.559 C32.128,41.987,32,42.662,32,43.002c-1.012,0.377-2.167,1-8,1c-5,0-9.4-1.756-12.262-4.545c-0.965-0.785-2.272-1.669-2.857-2.273 C6.976,35.593,6.047,33.058,6,33.002c1.184,0.985,5.245,4.636,7.091,4.636l0,0C13.301,37.416,12,35.684,12,35.002 C13.429,37.162,17.405,40,23,40c4.125,0,3.892-0.73,6-1c4.875-0.625,7.492-5.439,8.214-6.816c0.05-0.096,0.202-1.02,0.24-1.092 c0.368-0.376,0.463-1.167,0.607-2.371C38.17,27.815,39,26.75,39,25.625S38,24,38,24s0-3-0.625-5.375 C37.25,18.151,36.738,16.409,34,13v1.002c-2.125-1.127-3.668-2.545-4.125-2.752C28.435,10.599,26.831,10,25,10c-4,0-4.625,1-8,2 c0,0,1.25,0,2,0c0,0-1.867,1.445-3,2.125c-1.875,1.125-4,5.034-4,7.875c0,3-2.485,4-4,4c-2.453,0-4-2-4-4 c0-1.133,0.45-2.5,0.886-3.425c0.411-0.873,0.799-1.697,0.795-2.581c0.031-0.106,0.274-0.383,0.435-0.566 c0.466-0.531,1.083-1.234,1.224-2.252c1.106-0.927,3.13-3.015,3.155-3.041c0.162-0.171,0.324-0.304,0.511-0.457 c0.324-0.265,0.728-0.594,1.221-1.205l0.423-0.525c0.798-0.428,2.222-1.035,2.776-1.271c0.342-0.146,0.602-0.258,0.716-0.313 L19.75,5.75C19.966,5.75,20,5.238,20,5c0-0.227,0.106-0.198,0.324-0.273C22.139,4.099,22.799,4,24.648,4L24.648,4'/%3E%3C/svg%3E" alt="Home" class="lazyload navbar__logo">
</a>
{{ end }}
{{ if eq .Site.Params.logoType "short" }}
{{ if ne .Site.Params.logoType "long" }}
<a href="{{ "/" | relLangURL }}" title="{{ i18n "tooltip-home" }}" rel="home" class="navbar__title-link">
<h6 class="navbar__title">{{ .Site.Params.logoText }}</h6>
</a>