Update adding next prev link in docs section. #8

toppers · Jul 11, 2020 · a9ce44c · a9ce44c
1 parent 84140ca
commit a9ce44c
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 1 deletion.
diff --git a/layouts/docs/single.html b/layouts/docs/single.html
@@ -13,12 +13,13 @@ <h1> {{ .Title}} </h1>
  {{ partial "toc" .}}
 
  {{ .Content}}
+ {{ partial "prev-next" . }} 
 <!-- Inject script tag in this template -->
  {{if .Params.script}}
  {{ $script := (delimit (slice "scripts" .Params.script) "/")}}
  {{ partial (string $script) .}}
  {{end }}
  </div>
-  </div>
+ </div>
 {{ end }}
 {{ define "footer"}} {{ partial "footer" .}} {{end}}
diff --git a/layouts/partials/prev-next.html b/layouts/partials/prev-next.html
@@ -0,0 +1,12 @@
+<div class="xPrevNextLink">
+ {{ with .NextInSection }}
+ <div class="xPrevNextLink_prev">
+ <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+ </div>
+ {{ end }}
+ {{ with .PrevInSection }}
+ <div class="xPrevNextLink_next">
+ <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+ </div>
+ {{ end }}
+</div>
diff --git a/static/css/custom.css b/static/css/custom.css
@@ -0,0 +1,24 @@
+/* 前ページ、次ページへのリンク */
+.xPrevNextLink::after {
+ /* float による回り込みの解除 */
+ display: block;
+ content: "";
+ clear: both;
+}
+.xPrevNextLink_prev {
+ display: block;
+ float: left;
+}
+.xPrevNextLink_prev::before {
+ content: "≪";
+}
+.xPrevNextLink_next {
+ display: block;
+ float: right;
+ text-align: right;
+
+}
+.xPrevNextLink_next::after {
+ content: "≫";
+}
+