lafleur
/
bop-hugo-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

scope differentiates - with spans around

This commit is contained in:
la Fleur 2020-11-16 20:51:32 +01:00
parent 66d87f22b0
commit 4c8c6b24c6
3 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/style.scss
View File

@ -32,7 +32,7 @@ header {
a { a {
color: white; color: white;
} }
a.exposed, span.exposed { span.exposed span.title {
font-weight: bold; font-weight: bold;
font-size: 1.8em; font-size: 1.8em;
} }
@ -65,11 +65,9 @@ header {
align-items: baseline; align-items: baseline;
justify-content: space-around; justify-content: space-around;
max-width: 1200px; max-width: 1200px;
padding-bottom: 6em; padding-bottom: 8em;
span {
-webkit-animation: exposed 1s ease forwards;
}
span.exposed { span.exposed {
-webkit-animation: exposed 1s ease forwards;
position: absolute; position: absolute;
top: 4rem; top: 4rem;
} }

2
layouts/partials/header.html
View File

@ -19,9 +19,7 @@
<nav> <nav>
{{ range $.Site.Sections }} {{ range $.Site.Sections }}
{{ if eq $currentPage.Section .Section }} {{ if eq $currentPage.Section .Section }}
<span class="exposed">
{{ partial "scope.html" $currentPage }} {{ partial "scope.html" $currentPage }}
</span>
{{ else }} {{ else }}
<a href="{{ .Permalink }}"> <a href="{{ .Permalink }}">
{{ .Title | markdownify }} {{ .Title | markdownify }}

4
layouts/partials/scope.html
View File

@ -1,4 +1,6 @@
{{- template "scoper" .Parent -}} {{ .Title }} <span class="exposed">
{{- template "scoper" .Parent -}} <span class="title">{{ .Title }}</span>
</span>
{{- define "scoper" -}} {{- define "scoper" -}}
{{- if not .IsHome -}} {{- if not .IsHome -}}
{{- template "scoper" .Parent }}<a href="{{ .RelPermalink }}">{{ .Title }}</a> > {{ end -}} {{- template "scoper" .Parent }}<a href="{{ .RelPermalink }}">{{ .Title }}</a> > {{ end -}}